从网页尾部转动向上、弹簧卷轴的笔墨殊效

发布时间：2018-08-19 09:34:20 所属栏目：编程来源：站长网

导读：从网页尾部转动向上、紧缩表现的笔墨殊效。就像弹簧卷轴一样的笔墨表现殊效，纯 Java Script代码实现，无 jQuery ，因首要想浮现成果，因此在美化方面做的不多，有必要的伴侣，你可以本身美化一下，结果简朴。演示代码： htmlheadmeta http-equiv=Content

　　从网页尾部转动向上、紧缩表现的笔墨殊效。就像弹簧卷轴一样的笔墨表现殊效，纯JavaScript代码实现，无jQuery，因首要想浮现成果，因此在美化方面做的不多，有必要的伴侣，你可以本身美化一下，结果简朴。

　　演示代码：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>弹簧卷轴</title> </head> <body bgcolor="#fef4d9" onload=initiate()> <SCRIPT language=JavaScript1.2> var message= new Array() message[0]="站长猖獗的期间已经远去...... 搜刮引擎将抉择你的将来，曾经很牛的站长，此刻那里，中国互联网就走向何方，恐矣，恐矣……" message[1]="最近几点感觉：1、话多的创颐魅者，每每都是种了别人的田荒了本身的地。成天给别人指点，最终就疏弃了本身的那一亩三分地；2、僵持下来，每年都能有2-3次天上掉馅饼的功德；3、可以长得很丑，可是，不能长的没有中心头脑，可能，不能没有重点；4、骂你或提提议，必然要感激戴德！谣言易得，实话难寻。！" var scrollerwidth=300 var scrollertop=10 var scrollerleft=10 var targetlink="_blank" var font_face="宋体" var font_color="006600" var font_size=15 var standstill=3000 var lineheightmax=12 var lineheight=lineheightmax var linestep=0.2 var i_message=0 var mes_joined var mes_split var contenttext var pause=20 function initiate() { if (document.all) { document.all.scrollertext.style.posTop=scrollertop document.all.scrollertext.style.posLeft=scrollerleft document.all.scrollertext.style.width=scrollerwidth lineup() } if (document.layers) { alert("This script works with Internet Explorer 4x or higher. Sorry Netscape-Folks!") } } function lineup(){ mes_joined=message[i_message] mes_split=mes_joined.split("|") contenttext="<span style='position:relative;font-family:"+font_face+"; color:"+font_color+";font-size:"+font_size+"pt;line-height:"+lineheight+";width:"+scrollerwidth+"px'>" contenttext+=mes_split[0] contenttext+="</span>" if (lineheight>1.2) { scrollertext.innerHTML=contenttext var timer=setTimeout("lineup()",pause) lineheight-=linestep } else { mes_joined=message[i_message] mes_split=mes_joined.split("|") contenttext="<span style='position:relative;font-family:"+font_face+"; color:"+font_color+";font-size:"+font_size+"pt;line-height:"+lineheight+";width:"+scrollerwidth+"px'>" contenttext+=mes_split[0] contenttext+="<br><a href='http://www.liehuo.org'>更多 ...</a>"//"+mes_split[1]+"' target='"+targetlink+" contenttext+="</span>" scrollertext.innerHTML=contenttext clearTimeout(timer) var timer=setTimeout("squeeze()",standstill) } } function squeeze(){ mes_joined=message[i_message] mes_split=mes_joined.split("|") contenttext="<span style='position:relative;font-family:"+font_face+"; color:"+font_color+";font-size:"+font_size+"pt;line-height:"+lineheight+";width:"+scrollerwidth+"px'>" contenttext+=mes_split[0] contenttext+="</span>" if (lineheight>0) { scrollertext.innerHTML=contenttext var timer=setTimeout("squeeze()",pause) lineheight-=linestep/2 } else { clearTimeout(timer) scrollertext.innerHTML="" changemessage() } } function changemessage() { i_message++ if (i_message>message.length-1) {i_message=0} lineheight=lineheightmax var timer=setTimeout("lineup()",1000) } </SCRIPT> <DIV id=scrollertext style="POSITION: absolute"></DIV> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys