幻影文字导航

稿源：互联网 2022-04-04 17:57:08 点击： 692 撤稿纠错

与前面一个网页特效一样，都是文字导航不停变化，这个特效多了个幻影效果。

以下讨论的是和特效相关的幻影文字导航教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript1.2">

// Ticker Messages ( HTML Tags supported)
var qiksearch_ticker_text = new Array ("欢迎光临新浪网", "网易娱乐中心", "搜狐短信中心", "央视国际网站");

// Ticker Message URLs
var qiksearch_ticker_URL = new Array ("http://www.sina.com", "http://www.163.com", "http://www.sohu.com", "http://www.cctv.com");

// Ticker Message URLs' Target (1 for NEW WINDOW, 0 for SAME WINDOW)
var qiksearch_ticker_target = new Array ("0", "0", "0", "1");

var qiksearch_ticker_width = 390; // The width of the Ticker
var qiksearch_ticker_height = 25; // The height of the Ticker
var qiksearch_ticker_borderw=1; // Border width
var qiksearch_ticker_borderc="#808080"; // Border Color
var timeOutVal=200; // Delay in milliseconds
var isPause=false; // true if you want pause on mouseover, else false
                   // setting to true is a bit buggy

//--------------------------------------------------------------------------------------------

//-----------------------------DO-NOT-MODIFY-BELOW-THIS---------------------------------------

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var ns4=document.layers;
var qiksearch_tickerObj;
var ticker_left_ns4=(screen.width/2-20)-Math.round(qiksearch_ticker_width/2);

// Setting qiksearch_tickerObj depending on Browser
function setTickerObj()
{
 if(ie4)
 {
  qiksearch_tickerObj=document.all.qiksearch_js_ticker;
 }
 if(ns6)
 {
  qiksearch_tickerObj=document.getElementById("qiksearch_js_ticker");
 }
}

// isPause Content
var isPauseContent;
if(isPause)
{
 isPauseContent=' onMouseOver="delay_timeOutVal();" onMouseOut="resume_timeOutVal();"';
}
else
{
 isPauseContent='';
}

if(ie4||ns6)
{
 document.write('<table' + isPauseContent + '  onMouseUp="goURL();" width="' + qiksearch_ticker_width + '" height="' +  qiksearch_ticker_height + '" style="cursor:pointer; background:#FFFFFF; border:' + qiksearch_ticker_borderw + 'px solid ' + qiksearch_ticker_borderc + '"><tr><td align="middle">');
 document.write('<div id="qiksearch_js_ticker">');
 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;

// Fading Color code Generating function
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);
}

// Main
function writeDiv()
{
 if(ie4||ns6)
 {
  qiksearch_tickerObj.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] +  '</b></font>' ;
 }
 if(ns4)
 {
  qiksearch_tickerObj=document.qiksearch_ticker_ns4;
  qiksearch_tickerObj.document.write('<table border="1" bordercolor="' + qiksearch_ticker_borderc + '"width="100%"><tr><td align="center"><a href="javascript:void(0);"' + isPauseContent + '  onMouseUp="javascript:goURL();"><font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] +  '</b></font></a></td></tr></table>');
  qiksearch_tickerObj.document.close();
 }
 if((colorVal>0)  && (colorVal!=0))
 {
  colorVal--;
 }
 else
 {
  colorVal=15;
  if(div_count<qiksearch_ticker_text.length)
  {
   div_count++;
  }
  if(div_count==qiksearch_ticker_text.length)
  {
   setTimeout("resetAll()",timeOutVal);
   setTimeout("writeDiv()",timeOutVal);
  }
 }

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

// Generating Final Hex Color
function joinColor(getColor)
{
 return (getColor + '0' + getColor + '0' + getColor + '0');
}

// Reset
function resetAll()
{
 div_count=0;
 colorVal=15;
}

// URL Navigation function
function goURL()
{
 if(qiksearch_ticker_target[div_count]=="0")
 {
  location.href=qiksearch_ticker_URL[div_count];
 }
 else
 {
  if(qiksearch_ticker_target[div_count]=="1")
  {
   window.open(qiksearch_ticker_URL[div_count]);
  }
 }
}

// Setting Delay on MouseOver and MouseOut
var temp_timeOutVal=timeOutVal;
function delay_timeOutVal()
{
 timeOutVal=100000000000000;
 setTimeout("writeDiv()",timeOutVal);
}

function resume_timeOutVal()
{
 timeOutVal=temp_timeOutVal;
 setTimeout("writeDiv()",timeOutVal);
}

setTickerObj(); 
window.onload=writeDiv;

if(ns4)
{
 document.write('<layer id="qiksearch_ticker_ns4" width="' + qiksearch_ticker_width + '" left="' + ticker_left_ns4 + '"></layer>');
}
</script>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于幻影文字导航的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719121.shtml方便下次再访问哦。

·上一篇： 链接闪烁的上划线
·下一篇： 变化的文字导航条

幻影文字导航

文章分类LIST >>返回首页

最新游戏

最新新闻