網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>文本鏈接特效代碼>

漸隱漸出式文字交替顯示特效_文本鏈接特效

漸隱漸出式文字交替顯示特效，類似FLASH動畫的效果差不多，文字在數(shù)組里設(shè)置，如果文字很多，你可以無限制添加下去，這也是一個比較實(shí)用的文字特效。

<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!", "精品源代碼、網(wǎng)頁特效", "/");
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

[收藏][報(bào)錯][返回列表]

相關(guān)文本鏈接特效：

漸隱漸出式文字交替顯示特效_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些