<html> <title>幻影效果不停循环变化的文字导航条</title> <body> <script language="JavaScript1.2"> // Ticker Messages ( HTML Tags supported) var qiksearch_ticker_text = new Array ("欢迎光临『代码家园』", "seo.优化,搜索.引擎.优化", "精品网页特效", "友情链接交换平台"); // Ticker Message URLs var qiksearch_ticker_URL = new Array ("http://www.daimajiayuan.com/", "http://www.daimajiayuan.com/html/seo/", "http://www.daimajiayuan.com/html/txdm/", "http://Links.CsrCode.Cn/"); // 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> </body> </html> <p align="center">本特效由 <a href="http://www.daimajiayuan.com">代码家园</a>丨CsrCode.Cn 收集于互联网,只为兴趣与学习交流,不作商业用途。</p> 运行代码 复制代码 另存代码 提示:可以先修改部分代码后再运行 转载请注明:代码家园 » 幻影特效不停循环变化的文字导航条 继续浏览有关 幻影特效 的文章 上一篇:感应鼠标变色的文字,鼠标滑过文字即随机变换颜色 下一篇:让页面中所有链接文字都不断变换颜色 相关代码 另类的动画特效的文字链接鼠标悬停提示特效 JS实现很酷的水波文字特效 JS实现文字链接感应鼠标淡入淡出改变颜色 JS实现文字放大特效 + 纯CSS实现的文字倒影特效 + JS配合CSS实现的文字炫彩+阴影特效 + JS文字渐显溶解特效动态切换 + flash特效动态滚动渐变文字特效 + JS函数控制超链接必须先点击一款链接后才能点击 + CSS+JS模仿新浪微博大厅文字滚动特效 + jQuery版动画特效文字链接鼠标悬停提示 + JS+CSS代码简洁的无间断文字向上滚动切换特效 + JS实现的可爱跳动文字特效,代码有些复杂 + JavaScript实现的动态文字特效 + 又一款文字闪烁显示 + 链接上的透明的鼠标悬停提示