当前位置:Gxlcms > JavaScript > 实现网页内容水平或垂直滚动的Javascript代码_javascript技巧

实现网页内容水平或垂直滚动的Javascript代码_javascript技巧

时间:2021-07-01 10:21:17 帮助过:69人阅读

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

一、传统的滚动代码


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

二、Javascript实现的滚动效果


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

摘自 天缘博客

人气教程排行