文本链接逐个出现的js脚本
文本链接逐个出现的js脚本
发布时间:2016-12-30 来源:查字典编辑
摘要:浏览网站时发现这个代码,非常的不错,高度为20的,文本广告调用代码:复制代码代码如下:varmarqueeContent=newArray(...

浏览网站时发现这个代码,非常的不错,高度为20的,文本广告

调用代码:<scripttype="text/javascript"src="http://img.jb51.net/imgby/txtad.js"></script>

复制代码 代码如下:

varmarqueeContent=newArray();//滚动主题

marqueeContent[0]='<ahref="http://www.pcjc8.com"target="_blank">全站资料下载站</a>';

marqueeContent[1]='<ahref="http://www.jb51.net/adsense/adsense.htm"target="_blank">GoogleAdSense</a>';

marqueeContent[2]='<ahref="http://www.jb51.net/firefox/firefox.html"target="_blank">火狐浏览器下载</a>';

marqueeContent[3]='<ahref="http://www.jb51.net/support.htm"class="hot"target="_blank">全站广告位招租</a>';

marqueeContent[4]='<ahref="http://www.pcjc8.com"class="hot"target="_blank">全站资料下载站</a>';

marqueeContent[5]='<ahref="http://www.jb51.net/adsense/adsense.htm"target="_blank">GoogleAdSense</a>';

marqueeContent[6]='<ahref="http://www.pcjc8.com"class="hot">全站资料下载站</a>';

varmarqueeInterval=newArray();//定义一些常用而且要经常用到的变量

varmarqueeId=0;

varmarqueeDelay=4000;

varmarqueeHeight=20;

functioninitMarquee(){

varstr=marqueeContent[0];

document.write('<divid=marqueeBoxstyle="overflow:hidden;height:'+marqueeHeight+'px"onmouseover="clearInterval(marqueeInterval[0])"onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</div></div>');

marqueeId++;

marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);

}

functionstartMarquee(){

varstr=marqueeContent[marqueeId];

marqueeId++;

if(marqueeId>=marqueeContent.length)marqueeId=0;

if(marqueeBox.childNodes.length==1){

varnextLine=document.createElement('DIV');

nextLine.innerHTML=str;

marqueeBox.appendChild(nextLine);

}

else{

marqueeBox.childNodes[0].innerHTML=str;

marqueeBox.appendChild(marqueeBox.childNodes[0]);

marqueeBox.scrollTop=0;

}

clearInterval(marqueeInterval[1]);

marqueeInterval[1]=setInterval("scrollMarquee()",10);

}

functionscrollMarquee(){

marqueeBox.scrollTop++;

if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){

clearInterval(marqueeInterval[1]);

}

}

initMarquee();

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类