基於JQuery的類似新浪微博展示資訊效果的程式碼_jquery

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">





.w_con{ 寬度：400px;高度：160px；溢位：隱藏；邊框：1px 實心#333;}
#w_slid{寬度：100%;}
#w_slid li{ 寬度：100%;}高度:40px;}
li.a{ 背景:#ffc000;}
li.b{ 背景:#56aaff;}
li.c{ 背景:#0fffaa;}
li.d { 背景：#0ffffa;}
li.e{ 背景：#ffff56;}


頭>

• 
  
• 
  
• 
  
• 
  
• 
  ul>
  

function Slide() {
var $w_slid = $('#w_con');
console. log($w_slid);
var 定時器；
$w_slid.hover(function(){
clearInterval(Timer);
},function(){
Timer = setInterval(function (){
slideFadeIn($w_slid);
},3000)
}).trigger("mouseleave");
}
function slipFadeIn(obj) {
}
function slipFadeIn(obj) {
var self = obj.find('ul:first');
var $height = $self.find('li:first').height();
console.log($height);
$self.animate({
'marginTop': $height 'px',
}, 1200, function () {
$self.css({ marginTop: 0 }).find( "li: first").appendTo($self);
$self.find("li:first").hide();
$self.find("li:first").fadeIn("慢") ;
});
}
$(function () {
slide();
});
腳本>
身體>