电子商务圈 >> 圈里圈外▼ >> 技术与安全 >> 文字滚动代码 文字不间断连续滚动效果

标题:文字滚动代码 文字不间断连续滚动效果

ecsoo 管理员
头衔 --
ecsoo 积分 458
威望 55
帖子 73
来自
相当简单又好用的文字滚动效果代码
CODE
<div id="maq" style="overflow:hidden;height:88px;width:200px;">
<div id=mtext>
<a href="http://www.ecsoo.com">电子商务搜索联盟</a><br>
<a href="http://www.ecsoo.com">电子商务搜索联盟</a><br>
<a href="http://www.ecsoo.com">电子商务搜索联盟</a><br>
<a href="http://www.ecsoo.com">电子商务搜索联盟</a><br>
<a href="http://www.ecsoo.com">电子商务搜索联盟</a><br>
<a href="http://www.ecsoo.com">电子商务搜索联盟</a><br>
</div>
<div id=m0></div>
</div>

<script>
var speed=40  //调整滚动速度
m0.innerHTML=mtext.innerHTML
function Marquee(){
if(m0.offsetTop-maq.scrollTop<=0)
maq.scrollTop-=mtext.offsetHeight
else{
maq.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
maq.onmouseover=function() {clearInterval(MyMar)}
maq.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

本帖最后由 ecsoo 于 2006-10-21 17:22:31 编辑
61.144.226.* 楼主
ecsoo 管理员
头衔 --
ecsoo 积分 458
威望 55
帖子 73
来自
缺点就是 当所有文字高度没有达到设定高度时只滚动一次
61.144.226.* #2
标题
使用表情识别
使用UBB代码
使用个人签名
现在回帖双倍积分!