实现网页内容水平或垂直滚动的Javascript代码
更新时间:2012年10月01日 19:30:38 作者:
用Javascript实现新闻内容的水平或垂直滚动,主要的优点是我们可以实现自定义滚动风格或特效,应用效果比起传统的marquee更加具有特色,方法也比较简单
主要两个部分,一、是滚动内容部分;二、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中this的指向(推荐)
都说 JavaScript 是一种很灵活的语言,这其实也可以说它是一个混乱的语言,下面通过本文给大家分享JavaScript中this的指向知识,感兴趣的朋友一起看看吧2017-09-09
最新评论