横向无间断滚动代码 >> 正文

·设为首页

·联系站长

·加入收藏

您的位置：【网络时空】豪发网络 >> 文章教程 >> 综合网页文章 >> 正文

横向无间断滚动代码

热

横向无间断滚动代码

［作者：Aken 转贴自：网络点击数：更新时间：2006-6-16 文章录入：aken ］

【字体：

双击自动滚屏 】

<div style="width:200px;overflow:hidden">
<div style="position:relative;top:0px;left:0px;white-space:nowrap" id=news>
<span id=nbo>新闻内容1 新闻内容2 新闻内容3 新闻内容4 图片内容1 图片内容2 图片内容3 图片内容4</span>
<script language=javascript>
//重复一次新闻内容
document.write(nbo.innerHTML);
</script>
</div>
</div>
<script language=javascript>
//实现不间断滚动
function newsScroll()
{
news.style.pixelLeft=(news.style.pixelLeft-1)%nbo.offsetWidth;
}
timer1=setInterval('newsScroll()',10) //更改第二个参数可以改变速度，值越小，速度越快。
</script>