地图 广告
招租

←—
订阅
投稿
您的位置:网站首页 > 特效代码 > 链接文本特效 > 正文:像弹簧卷轴一样的flash效果文字显示特效

像弹簧卷轴一样的flash效果文字显示特效

日期:2011-12-24 16:34:00 标签:文字特效 文本特效 flash效果 显示效果 js特效

  像弹簧卷轴一样的文字显示特效,纯JavaScript代码实现,无jQuery,因主要想体现功能,因此在美化方面做的不多,有需要的朋友,你可以自己美化一下,效果简单。   

由于代码运行框不够完善,本特效暂不提供运行预览,请见谅~~
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>像弹簧卷轴一样的flash效果文字显示特效丨芯晴网页特效丨CsrCode.Cn</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='"+mes_split[1]+"' target='"+targetlink+"'>更多 ...</a>"
  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>

<p align="center">本特效由 <a href="http://www.CsrCode.cn" target="_blank">芯晴网页特效</a>丨CsrCode.Cn 收集于互联网,只为兴趣与学习交流,不作商业用途。来源:源码爱好者</p>

本站已开启防盗链,请根据代码中对应的url地址下载保存特效所需的图片、flash和js文件,请见谅,谢谢.
(本文由 CsrCode.CN|芯晴网页特效 收集丨www.CsrCode.cn
本文网址:
评论信息
抱歉,本文暂停评论留言。