渐隐渐出式文字交替显示特效_文本链接特效

渐隐渐出式文字交替显示特效，类似FLASH动画的效果差不多，文字在数组里设置，如果文字很多，你可以无限制添加下去，这也是一个比较实用的文字特效。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>渐隐渐出式文字交替显示</title>
</head>
<body> 
 <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var qiksearch_js_text = new Array ("Welcome to mb5u.com!", "精品源代码、网页特效", "/");
var qiksearch_space_width = 390;
var qiksearch_space_height = 30; 
var qiksearch_space_borderw=3;
var qiksearch_space_borderc="#CC0000";
// /
var timeOutVal=150; // Delay in milliseconds
document.write('<table width="' + qiksearch_space_width + '" height="' + qiksearch_space_height + '" style="background:#FFFFFF; border:' + qiksearch_space_borderw + ' solid ' + qiksearch_space_borderc + '"><tr><td align="middle">');
document.write('<div id="qiksearch_js_space">');
document.write('</div>');
document.write('</td></tr></table>');
var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F';
var colorVal=15;
var div_count=0;
function qiksearch_fade_desat(getColorIntVal)
{
 var returnVal;
 if(getColorIntVal>=10)
 {
  for(var i=0; i<=15; i++)
  {
   if((getColorIntVal==i))
   {
    returnVal = eval('def_' + i);
   }
  }
 }
 else
 {
  returnVal=getColorIntVal;
 }
 return(returnVal);
}

function writeDiv()
{
 document.all.qiksearch_js_space.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_js_text[div_count] + '</span></b>' ;

if((colorVal>0)   &&  (colorVal!=0))
 {
  colorVal--;
 }
 else
 {
  colorVal=15;
  if(div_count<qiksearch_js_text.length)
  {
   div_count++;
  }
  if(div_count==qiksearch_js_text.length)
  {
   document.all.qiksearch_js_space.innerHTML = '<a href="javascript:resetAll();writeDiv();" style="text-decoration:none" accesskey="l"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b>再来一遍!</b></a>';
  }
 }

if(div_count<qiksearch_js_text.length)
 {
  setTimeout("writeDiv()",timeOutVal);
 }
}

function joinColor(getColor)
{
 return (getColor + '0' + getColor + '0' + getColor + '0');
}

function resetAll()
{
 div_count=0;
 colorVal=15;
}
writeDiv();
//  End -->
</script>
</body>
</html>

所属频道：文本链接特效/更新时间：2012-12-14

[收藏][报错][返回列表]

渐隐渐出式文字交替显示特效_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些