用javascript代替marquee的滚动字幕效果代码

 更新时间:2007年04月30日 00:00:00   转载 作者:  
由于marquee标签现在用得是越来越少了,所以滚动效果的做法大多也都改用javascript来实现了,至于不明白为什么不直接用marquee标签的朋友,不妨先阅读一下这篇文章
第一种方法:用javascript模拟marquee的做法。
出处:网易游戏

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

个人观点:从web可用性角度上讲,我们在采用这段代码的同时要考虑到noscript环境下的可用性,建议将内容还是以下边代码的形式出现在页面中。如:
复制代码 代码如下:

<div id="newslist">
<ul>
<li><a href=http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=_blank>用“梦幻密保”快速取回帐号密码</a></li>
<li><a href=http://ekey.163.com/ target=_blank>网易将军令官方网站</a></li>
<li><a href=http://xyq.163.com/download/wallpaper.htm target=_blank>最新壁纸下载</a></li>
<li><a href=http://xyq.163.com/download/around.htm target=_blank>最新屏保下载</a></li>
</ul>
</div>

然后用脚本去设置隐藏,将列表项读进javascript中定义的数组中。即可达到在noscript环境下也能正常看到内容列表。
第二种方法:这个更强,能自动根据内容自动进行左右滚动,解决了宽度太小造成的截取问题。
原文作者:风动人

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

个人观点:从xhtml的语义化的角度看,页面内容中滥用div标签现象比较严重,可改成ul/li形式。

第三种是最精简的,代码非常少。
原文作者:cityvoice

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

个人观点:太短小精干了,如果你喜欢简单的话,这个也可以考虑的。 

相关文章

  • JavaScript 编写匿名函数的几种方法

    JavaScript 编写匿名函数的几种方法

    匿名函数可以有效控制变量作用域,构造闭包 (Closure),防止对全局变量造成污染。在 JavaScript 中,编写匿名函数,有以下几种方法.
    2010-02-02
  • javascript+xml技术实现分页浏览

    javascript+xml技术实现分页浏览

    基于web的技术中,分页是一个老的不能再老的,但大家津津乐道的问题,随着xml技术的日渐应用,把xml应用到分页当中,也是一种可能,当然网上的教程很多,当我都是看得稀里糊涂,索性自己写一个,与大家分享、指正。
    2008-07-07
  • layui 解决form表单点击无反应的问题

    layui 解决form表单点击无反应的问题

    今天小编就为大家分享一篇layui 解决form表单点击无反应的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • js 单引号 传递方法

    js 单引号 传递方法

    当从bean中取出的值是单引号时,加载页面就会报js错。可以使用下面的方法解决。
    2009-06-06
  • JavaScript数据绑定实现一个简单的 MVVM 库

    JavaScript数据绑定实现一个简单的 MVVM 库

    MVVM 是 Web 前端一种非常流行的开发模式,利用 MVVM 可以使我们的代码更专注于处理业务逻辑而不是去关心DOM 操作。接下来通过本文给大家介绍JavaScript使用数据绑定实现一个简单的 MVVM 库,感兴趣的朋友一起学习吧
    2016-04-04
  • JS实现json对象数组按对象属性排序操作示例

    JS实现json对象数组按对象属性排序操作示例

    这篇文章主要介绍了JS实现json对象数组按对象属性排序操作,涉及javascript使用sort方法针对json数组的遍历与排序相关操作实现技巧,需要的朋友可以参考下
    2018-05-05
  • react项目实践之webpack-dev-serve

    react项目实践之webpack-dev-serve

    这篇文章主要介绍了react项目实践之webpack-dev-serve,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • 元素的内联事件处理函数的特殊作用域在各浏览器中存在差异

    元素的内联事件处理函数的特殊作用域在各浏览器中存在差异

    在一个元素的属性中绑定事件,实际上就创建了一个内联事件处理函数(如<h1 onclick="alert(this);"...>...</h1>),内联事件处理函数有其特殊的作用域链,并且各浏览器的实现细节也有差异。
    2011-01-01
  • ie6下png图片背景不透明的解决办法使用js实现

    ie6下png图片背景不透明的解决办法使用js实现

    我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,解决的方法实在是太多了,下面给大家介绍下一个js解决的方式,感兴趣的朋友可以了解下的
    2013-01-01
  • 一些不错的js函数ajax

    一些不错的js函数ajax

    创建组件ajax回显等
    2008-08-08

最新评论