Chinaunix首页 | 论坛 | 博客
  • 博客访问: 579636
  • 博文数量: 190
  • 博客积分: 10937
  • 博客等级: 上将
  • 技术积分: 2205
  • 用 户 组: 普通用户
  • 注册时间: 2009-04-07 11:28
文章分类

全部博文(190)

文章存档

2012年(1)

2011年(27)

2010年(20)

2009年(142)

我的朋友

分类: 系统运维

2009-04-13 10:12:02

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





热点新闻


滚动新闻




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


[复制此代码]CODE:


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


SCROLL



温岚 - 屋顶(周杰伦 对唱版)
范玮琪 - 那些花儿
张韶涵 - 娃娃
孙楠&韩红 - 美丽的神话



个人观点:从xhtml的语义化的角度看,页面内容中滥用div标签现象比较严重,可改成ul/li形式。
第三种是最精简的,代码非常少。
原文作者:cityvoice
 HTML代码
 
 
  
  New Document  
   
   
   
   
   
  

  
   

 
       
     
               
  • 温岚 - 屋顶(左右摆动)
  •  
               
  • 范玮琪 - 那些花儿
  •  
               
  • 张韶涵 - 娃娃
  •  
               
  • 孙楠&韩红 - 美丽的神话
  •  
               
  • 张信哲 - 白月光
  •  
           
 
   
 
 
  

阅读(811) | 评论(0) | 转发(0) |
0

上一篇:宽度高度问题

下一篇:启动关闭oracle

给主人留下些什么吧!~~