实现网页内容水平或垂直滚动的Javascript代码_javascript技巧
程序员文章站
2022-05-02 22:29:16
...
主要两个部分,一、是滚动内容部分;二、JS的滚动代码部分,也只有两句话。
一、传统的滚动代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
传统的滚动代码应用效果比较单一,而且经常还存在浏览器的兼容性问题,比如在FIREFOX上效果就会出现marquee的特效无效的问题。
二、Javascript实现的滚动效果
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
以上就是完整的JS滚动代码,如果想实现垂直滚动,则只需要简单的修改即可,即使用style的pixTop属性即可实现。
摘自 天缘博客
一、传统的滚动代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
传统的滚动代码应用效果比较单一,而且经常还存在浏览器的兼容性问题,比如在FIREFOX上效果就会出现marquee的特效无效的问题。
二、Javascript实现的滚动效果
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
以上就是完整的JS滚动代码,如果想实现垂直滚动,则只需要简单的修改即可,即使用style的pixTop属性即可实现。
摘自 天缘博客
推荐阅读
-
JavaScript实现浏览器网页自动滚动并点击的示例代码
-
基于jquery的高性能td和input切换并可修改内容实现代码_javascript技巧
-
Js实现双击鼠标自动滚动屏幕的示例代码_javascript技巧
-
js 实现打印网页中定义的部分内容的代码_javascript技巧
-
js 实现打印网页中定义的部分内容的代码_javascript技巧
-
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序_javascript技巧
-
禁止拷贝网页内容的js代码_javascript技巧
-
js实现的类marquee水平循环滚动_javascript技巧
-
Javascript实现滚动图片新闻的实例代码_javascript技巧
-
使用phantomjs进行网页抓取的实现代码_javascript技巧