当前位置:主页 > 网页前端 > JavaScript代码 >

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

时间:2021-07-11 08:42:02 | 栏目:JavaScript代码 | 点击:

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

一、传统的滚动代码


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

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

二、Javascript实现的滚动效果


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

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

摘自 天缘博客

您可能感兴趣的文章:

相关文章