jquery实现仿新浪微博评论滚动效果

本文实例讲述了jquery实现仿新浪微博评论滚动效果。分享给大家供大家参考。具体如下：

这里使用jquery实现评论滚动效果，仿新浪微博大厅文字滚动效果，以前有不少人膜拜的效果，现在被模仿的到处都是啦，呵呵，今天这个仍是模仿的，评论和头像一起向下滚动，最新的一条带渐变淡入淡出，无缝循环向下滚动，觉得不错的就顶下。

点击此处预览效果：

http://demo.jb51.net/js/2015/jquery-sina-scroll-pl-codes/

运行效果如下图所示：

具体代码如下：

html,body{font-family:Verdana,sans-serif; font-size:12px;}
ul{padding:0;} 
a:link{text-decoration:none;}
.box {padding:30px 0 30px 0;background: #C05732;}
.box_content a {color:#E6E5CC;}
.box_content {clear:both; overflow:hidden; width:287px; padding:0 0 0 30px;}
.r_comments{position:relative; height:262px;}
.r_comments ul{list-style:none outside none; margin-left:0px; border-top:1px dashed #a04524;}
.r_comments ul li{padding:5px 0px; line-height:20px; border-bottom:1px dashed #8C391C; border-top:1px dashed #D08364;}
.r_comments li img{background:#FFF; border:1px solid#999; height:32px; float:left; padding:1px; margin:4px 4px 0 0;}




 
 

  
 零零零000：

  正在学习wordpress，正好找到这篇

  
  
 壹壹壹111：

  谷歌搜了下进来了。大牛。

  
  
 贰贰贰222：

  嘿嘿，看了你的那篇《漂亮的评论滚动效果》

  
  
 打跑小日本-叁叁叁333：

  请教个问题，使用media query后

  
  
 大块头儿郎4：

  吹吧，这还挺不错，这个可以测试一下

  
 
 

 

希望本文所述对大家的jquery程序设计有所帮助。