首页 / 脚本样式 / JavaScript / 实现网页内容水平或垂直滚动的Javascript代码

主要两个部分，一、是滚动内容部分；二、JS的滚动代码部分，也只有两句话。

一、传统的滚动代码

<marquee scrollamount="2" loop="-1" scrolldelay="0" width="250">用Javascript实现新闻内容的水平滚动！</marquee>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
传统的滚动代码应用效果比较单一，而且经常还存在浏览器的兼容性问题，比如在FIREFOX上效果就会出现marquee的特效无效的问题。

二、Javascript实现的滚动效果

<span id="headnew">用Javascript实现新闻内容的水平滚动1</span> <script language="javascript"> document.write（"用Javascript实现新闻内容的水平滚动2"）; //新闻内容 document.write（"用Javascript实现新闻内容的水平滚动3"）; //新闻内容 </script>//div标签中的宽度width等参数可以自行调节 <script language=javascript> function newsScroll（） { news.style.pixelLeft=（news.style.pixelLeft-1）%headnew.offsetWidth;//实现不间断滚动 } function go（） { timer1=setInterval（"newsScroll（）",30） //更改第二个参数可以改变速度，值越小，速度越快。 } go（）; </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
以上就是完整的JS滚动代码，如果想实现垂直滚动，则只需要简单的修改即可，即使用style的pixTop属性即可实现。

摘自 天缘博客