本文介绍了实现标题栏文本轮播效果的JavaScript代码。分享给大家参考,如下:
这里演示的JS文本轮播显示在标题栏区域,以前经常在个人主页上看到,但是现在已经标准化了,这个效果一般不会添加到标题栏。不过可以了解一下JS制作,实现一些文字效果。运行效果后请检查标题栏。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-title-loop-show-style-demo/
具体代码如下:
html healtheta http-equiv=' Content-Type ' Content=' text/html;Charset=gb2312' /title文本循环出现/title/头条脚本语言=' JavaScript ' varmessage=new array();消息[0]=“欢迎加入我们”;消息[1]='这里有javascript消息[2]=“网页特效”;消息[3]='图片和背景效果等';消息[4]=“资源非常多”;消息[5]=“你肯定会有所收获”;消息[6]='欢迎再次光临';消息[7]=' ';var reps=2;变速=60;var p=message.lengthvar T=var C=0;var mC=0;var s=0;var sT=null如果(重复1)重复=1;函数DotHetting(){ T=message[MC];a();}函数A(){ s;if(s ^ 9){ s=1;} if(s==1){ document . title=' | |======| | |-[' T '-';} if(s==2){ document . title=' | |======| | |-[' T '-';} if(s==3){ document . title=' | |======| | |-[' T '-';} if(s==4){ document . title=' | |======| | |-[' T '-';} if(s==5){ document . title=' | |======| | |-[' T '-';} if(s==6){ document . title=' | |======| | |-[' T '-';} if(s==7){ document . title=' | |======| | |-[' T '-';} if(s==8){ document . title=' | |======| | |-[' T '-';} if(s==9){ document . title=' | | |====| | |-[' T '-';} if(C(8 * reps)){ sT=setTimeout(' A()',速度);c;} else { C=0;s=0;mC;if(Mc p-1)Mc=0;sT=nulldothetting();} } DotHetting();/script/body/html希望这篇文章对JavaScript编程有所帮助。