javascript 实现的移动文字效果比marquee好

最新推荐文章于 2024-09-16 08:47:17 发布

haoshilu123

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量583

点赞数

分类专栏： javascript 文章标签： javascript border function table html

本文链接：https://blog.csdn.net/haoshilu123/article/details/6909612

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
<body>
<br />
<div id=demo style=overflow:hidden;height:10;width:800;>
<table align=center cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top><a href='http://www.lijinran.com' target='_blank' title='网站名称：劲然的眼镜
网站地址：http://www.lijinran.com
网站简介：劲然漫画'><img src='http://www.lijinran.com/bbs/UploadFile/20047111344528837.gif' width='88' height='31' border='0'></a><a href='http://my.coolala.net' target='_blank' title='网站名称：酷辣辣
网站地址：http://my.coolala.net
网站简介：酷辣辣更精彩'><img src='http://my.coolala.net/images/logo8831.gif' width='88' height='31' border='0'></a><a href='http://www.brazilfans.cn' target='_blank' title='网站名称：巴迷社区
网站地址：http://www.brazilfans.cn
网站简介：巴迷社区'><img src='http://www.brazilfans.cn/news/images/link/logo.gif' width='88' height='31' border='0'></a><a href='/FriendSite/FriendSiteReg.asp' target='_blank'><img src='/images/nologo.gif' width='88' height='31' border='0' alt='点击申请'></a><a href='/FriendSite/FriendSiteReg.asp' target='_blank'><img src='/images/nologo.gif' width='88' height='31' border='0' alt='点击申请'></a><a href='/FriendSite/FriendSiteReg.asp' target='_blank'><img src='/images/nologo.gif' width='88' height='31' border='0' alt='点击申请'></a></td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>
<script>
/*
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
alert(demo.scrollLeft);
var MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}

*/
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetHeight-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++ ;
}
}

var MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>