栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

由于marquee标签现在用得是越来越少了,所以滚动效果的做法大多也都改用javascript来实现了
之所以抛弃marquee是因为marquee是一个严重影响用户体验的东西,你把数十行内容压缩到几行滚动的确帮助你压缩了排版空间,但你有没有想过用户可能因为想阅读其中一两行的内容而不得不在你这个滚动上等半天?就以经典论坛页面上部“BlogBeta 数字引擎p4 3.0服务器只要6999元/年”广告文字右边的聚合文字滚动为例,你觉得这是一个很好的用户体验么?W3C的专家们难道还不如一群无知的小p孩考虑的周全?简直是笑话
第一种方法:用javascript模拟marquee的做法。
出处:网易游戏

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
个人观点:从web可用性角度上讲,我们在采用这段代码的同时要考虑到noscript环境下的可用性,建议将内容还是以下边代码的形式出现在页面中。如: 
 程序代码
复制代码 代码如下:
 
     
  • 用“梦幻密保”快速取回帐号密码
  •  
  • 网易将军令官方网站
  •  
  • 最新壁纸下载
  •  
  • 最新屏保下载
  •  
 
 

然后用脚本去设置隐藏,将列表项读进javascript中定义的数组中。即可达到在noscript环境下也能正常看到内容列表。

第二种方法:这个更强,能自动根据内容自动进行左右滚动,解决了宽度太小造成的截取问题。
原文作者:风动人

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
个人观点:从xhtml的语义化的角度看,页面内容中滥用div标签现象比较严重,可改成ul/li形式。

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

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
个人观点:太短小精干了,如果你喜欢简单的话,这个也可以考虑的。
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/119659.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号