文字带连接不间断滚动代码-网站建站知识

网站建站知识
www.ccacc.org.cn

┊ 网站首页 ┊ 建站基础 ┊ 域名知识 ┊ 主机维护 ┊ 网页制作 ┊ 建站心得 ┊ 搜索推广 ┊ 策划赢利 ┊ 行业资讯 ┊

　◎ 您现在的位置：建站知识网 >> 网页制作 >> 正文

　　► 文字带连接不间断滚动代码

热 ★★★

文字带连接不间断滚动代码

作者：佚名文章来源：本站原创点击数：更新时间：2008-9-9 11:25:07

<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 新闻内容5 新闻内容6 </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>

文章录入：admin 责任编辑：admin

上一篇文章：强制图片自动适应网页大小的代码

下一篇文章： Photoshop打造浪漫七夕节GIF动画