用javascript代替marquee的滚动字幕效果代码
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了用javascript代替marquee的滚动字幕效果代码,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4288字,纯文字阅读大概需要7分钟。
内容图文
![用javascript代替marquee的滚动字幕效果代码](/upload/InfoBanner/zyjiaocheng/376/e0cffb7d491049d1836403e515e9b5bf.jpg)
第一种方法:用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代替marquee的滚动字幕效果代码全部内容,希望文章能够帮你解决用javascript代替marquee的滚动字幕效果代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。