用javascript代替marquee的滚动字幕效果代码
2016-02-19 09:57
只要你有一台电脑或者手机，都能关注图老师为大家精心推荐的用javascript代替marquee的滚动字幕效果代码，手机电脑控们准备好了吗？一起看过来吧！
第一种方法：用javascript模拟marquee的做法。
出处：网易游戏
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
个人观点：从web可用性角度上讲，我们在采用这段代码的同时要考虑到noscript环境下的可用性，建议将内容还是以下边代码的形式出现在页面中。如：
代码如下：
div id="newslist"
ul
lia href=http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=_blank用“梦幻密保”快速取回帐号密码/a/li
lia href=http://ekey.163.com/ target=_blank网易将军令官方网站/a/li
lia href=http://xyq.163.com/download/wallpaper.htm target=_blank最新壁纸下载/a/li
lia 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需刷新才能执行]
个人观点：太短小精干了，如果你喜欢简单的话，这个也可以考虑的。
