使用JavaScript实现网页内容水平或垂直滚动

滚动功能实现概述

实现滚动功能主要包含两个部分：一是负责展示滚动内容的区域，二是执行滚动逻辑的JavaScript代码，后者通常仅需两行关键语句。

 <marquee scrollamount="2" loop="-1" scrolldelay="0" width="250"><div style="FILTER: glow(color=#FF0000,strength=4); COLOR: #ffffff; HEIGHT: 10px;WIDTH: 750px">用Javascript实现新闻内容的水平滚动！</div></marquee> 

传统的滚动代码应用效果比较单一，而且经常还存在浏览器的兼容性问题，比如在FIREFOX上效果就会出现marquee的特效无效的问题。

 <div style="width: 300px;overflow: hidden;" onMouseOver="clearInterval(timer1);" onMouseOut="go();"> <div style="position: relative;top: 0px;left: 0px;white-space: nowrap;color: #0000FF;" id="news"> <span id="headnew">用Javascript实现新闻内容的水平滚动1</span>  </div> </div>//div标签中的宽度width等参数可以自行调节  

以上就是完整的JS滚动代码，如果想实现垂直滚动，则只需要简单的修改即可，即使用style的pixTop属性即可实现。

摘自 天缘博客