当前位置：开发者网络 >> 网页特效 >> 日期时间 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
一个弹簧卷轴的页面特效，出现的文字象弹簧一样向上卷，极酷
日期：2005-06-29   人气：   【字体：大 中 小】【收藏此文】

<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 2 个步骤： -->

<!-- 第 1 步： -->
<!-- 把<BODY>中的属性代码改为： -->

<BODY bgcolor="#fef4d9" onload=initiate()>>



<!-- 第 2 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<SCRIPT language=JavaScript1.2>
var message= new Array()

message[0]="个人主页的时代已经远去...... 新的世纪崛起的是团队精神与协同合作，网上家园--你我的家园，诚邀你的加盟共创美好家园！"

message[1]="网页作坊--网页制作流水线！技术中心：这里有大量的JAVASCRIPT与DHTML动态脚本特效！还有CSS的基础教程，即将开始XML基础教程！"

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>