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

 更新时间:2012年10月01日 19:30:38   作者:  
用Javascript实现新闻内容的水平或垂直滚动,主要的优点是我们可以实现自定义滚动风格或特效,应用效果比起传统的marquee更加具有特色,方法也比较简单
主要两个部分,一、是滚动内容部分;二、JS的滚动代码部分,也只有两句话。

一、传统的滚动代码


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

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

二、Javascript实现的滚动效果


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

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

摘自 天缘博客

相关文章

  • js内存泄露的几种情况详细探讨

    js内存泄露的几种情况详细探讨

    内存泄露是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束,由于浏览器垃圾回收方法有bug,会产生内存泄露,下面与大家详细探讨下内存泄露的几种情况
    2013-05-05
  • 利用JS打造黑客代码雨效果

    利用JS打造黑客代码雨效果

    window.onload()方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行某个方法。本文将用window.onload()打造黑客代码雨效果,感兴趣的可以尝试一下
    2022-06-06
  • javascript中闭包closure的深入讲解

    javascript中闭包closure的深入讲解

    这篇文章主要给大家介绍了关于javascript中闭包closure的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 纯CSS3代码实现滑动开关效果

    纯CSS3代码实现滑动开关效果

    CSS33D炫酷左右滑动开关按钮是一款非常酷的CSS3 3D开关按钮,点击按钮可以左右滑动,就像开关打开闭合一样的效果,通过本篇文章给大家介绍纯CSS3代码实现滑动开关效果,需要的朋友可以参考下
    2015-08-08
  • 微信小程序实现预览图片功能

    微信小程序实现预览图片功能

    这篇文章主要为大家详细介绍了微信小程序实现预览图片功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • 关于Layui Table隐藏列问题

    关于Layui Table隐藏列问题

    今天小编就为大家分享一篇关于Layui Table隐藏列问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • javascript操作表格

    javascript操作表格

    javascript操作表格...
    2006-07-07
  • 使用jsonp实现跨域获取数据实例讲解

    使用jsonp实现跨域获取数据实例讲解

    这篇文章主要介绍了使用jsonp实现跨域获取数据实例讲解,需要的朋友可以参考下
    2016-12-12
  • JS数组合并push与concat区别分析

    JS数组合并push与concat区别分析

    这篇文章主要介绍了JS数组合并push与concat区别,结合实例形式分析了JavaScript中针对数组合并操作使用push与concat的区别,需要的朋友可以参考下
    2015-12-12
  • 使用JavaScript实现弹出层效果的简单实例

    使用JavaScript实现弹出层效果的简单实例

    下面小编就为大家带来一篇使用JavaScript实现弹出层效果的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05

最新评论