淡入淡出文本Javascript的效果

时间:2019-01-02 18:55:54

标签: javascript html css

我正在使用一个插件,该插件可以使文本在wordpress中淡入和淡出,并且我试图将代码从白色变为黑色,我希望将其从白色变为透明,试图进行更改淡入和淡出代码,但是没有用

这是JS

var FadeIn_FadeInterval;

window.onload = FadeIn_FadeRotate

var FadeIn_Links;
var FadeIn_Titles;
var FadeIn_Cursor = 0;
var FadeIn_Max;


function FadeIn_FadeRotate() 
{
  FadeIn_FadeInterval = setInterval(FadeIn_Ontimer, 10);
  FadeIn_Links = new Array();
  FadeIn_Titles = new Array();
  FadeIn_SetFadeLinks();
  FadeIn_Max = FadeIn_Links.length-1;
  FadeIn_SetFadeLink();
}

function FadeIn_SetFadeLink() {
  var ilink = document.getElementById("FadeIn_Link");
  ilink.innerHTML = FadeIn_Titles[FadeIn_Cursor];
  ilink.href = FadeIn_Links[FadeIn_Cursor];
}

function FadeIn_Ontimer() {
  if (FadeIn_bFadeOutt) {
    FadeIn_Fade+=FadeIn_FadeStep;
    if (FadeIn_Fade>FadeIn_FadeOut) {
      FadeIn_Cursor++;
      if (FadeIn_Cursor>FadeIn_Max)
        FadeIn_Cursor=0;
      FadeIn_SetFadeLink();
      FadeIn_bFadeOutt = false;
    }
  } else {
    FadeIn_Fade-=FadeIn_FadeStep;
    if (FadeIn_Fade<FadeIn_FadeIn) {
      clearInterval(FadeIn_FadeInterval);
      setTimeout(Faderesume, FadeIn_FadeWait);
      FadeIn_bFadeOutt=true;
    }
  }
  var ilink = document.getElementById("FadeIn_Link");
  if ((FadeIn_Fade<FadeIn_FadeOut)&&(FadeIn_Fade>FadeIn_FadeIn))
    ilink.style.color = "#" + ToHex(FadeIn_Fade);
}

function Faderesume() {
  FadeIn_FadeInterval = setInterval(FadeIn_Ontimer, 10);
}

function ToHex(strValue) {
  try {
    var result= (parseInt(strValue).toString(16));

    while (result.length !=2)
            result= ("0" +result);
    result = result + result + result;
    //alert(result);
    return result.toUpperCase();
  }
  catch(e)
  {
  }
}

这是它的php代码

,代码如下

淡出255 淡入:0 褪色:0

我试图更改数字,但是它停止工作

0 个答案:

没有答案