简单易用的基于jQuery版仿新浪微博向下滚动效果（附DEMO）

<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简单易用的jQuery 写的仿新浪微博 向下滚动效果</title> <script language="javascript"> $（function（）{ var scrtime; $（"#con"）.hover（function（）{ clearInterval（scrtime）; },function（）{ scrtime = setInterval（function（）{ var $ul = $（"#con ul"）; var liHeight = $ul.find（"li:last"）.height（）; $ul.animate（{marginTop : liHeight+40 +"px"},1000,function（）{ $ul.find（"li:last"）.prependTo（$ul） $ul.find（"li:first"）.hide（）; $ul.css（{marginTop:0}）; $ul.find（"li:first"）.fadeIn（1000）; }）; },3000）; }）.trigger（"mouseleave"）; }）; </script> <style type="text/css"></style> <body><ul> <li> <img src="http://demo.jb51.net/demoimg/tx.gif" /> <p class="vright">甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网<br/> </li> <li> <img src="http://demo.jb51.net/demoimg/tx.gif" /> <p class="vright">甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网 </li> <li> <img src="http://demo.jb51.net/demoimg/tx.gif" /> <p class="vright"> 甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网 <br/> </li> <li> <img src="http://demo.jb51.net/demoimg/tx.gif" /> <p class="vright">甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网 <br/> </li> </ul></body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]