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

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

WBOY

Lepaskan： 2016-05-16 18:10:37

asal

917 orang telah melayarinya

$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> 
 
<div id="con"> 
<ul> 
<li> <a href="#"><img  src="http://demo.jb51.net/demoimg/tx.gif" alt="简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)_jquery" ></a> 
<p class="vright"><a href="http://www.jb51.net">甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网</a></p> 
</li> 
<li> <a href="#"><img  src="http://demo.jb51.net/demoimg/tx.gif" alt="简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)_jquery" ></a> 
<p class="vright"><a href="http://www.jb51.net">甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网</a> 
</p>
</li> 
<li> <a href="#"><img  src="http://demo.jb51.net/demoimg/tx.gif" alt="简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)_jquery" ></a> 
<p class="vright"> 
<a href="http://www.jb51.net">甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网</a> 
</p> 
</li> 
<li> <a href="#"><img  src="http://demo.jb51.net/demoimg/tx.gif" alt="简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)_jquery" ></a> 
<p class="vright"><a href="http://www.jb51.net">甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网合肥网甜蜜情人节给点力——合肥网2011情人节.情人周11大钜献_合肥网专题 - 专题频道-合肥网</a> </p> 
</li> 
</ul> 
</div>

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