打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
轻松实现文本无缝隙滚动的代码,图片同理也可实现。
<div style="width:360px;overflow:hidden" onMouseOver="stop()" onMouseOut="start()">
<table width="360" border="0" cellspacing="0" cellpadding="0" id="scrollimg">
<tr>
<td id="simg"><table width="360" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>滚动问题内容</td>
</tr>
</table>
</td>
<td id="simg1"></td>
</tr>
</table>
</div>
<script language="JavaScript">
var tm=null
function newsScroll()   {
if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
scrollimg.parentNode.scrollLeft++;
else
scrollimg.parentNode.scrollLeft=0
}
window.onload=function()   {
simg1.innerHTML=simg.innerHTML
tm=setInterval('newsScroll()',20)
}
function stop()
{
clearInterval(tm)
}
function start()
{
tm=setInterval('newsScroll()',20)
}
</script>
文章来自:大学生校园网-VvSchool.CN 详文参考:http://www.vvschool.cn/html/web/texiao/2009/0828/1104.html
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
图片无缝滚动代码
图片向左滚动代码
datalist 横向滚动加点击变化
类似 MSDN 左边导航树效果的实现! [JavaScript ASP]
table下删除tr的小技巧
两张图片重叠的代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服