jQuery实现仿微薄滚动

<img class="alignnone size-medium wp-image-167" title="2011072801" src="http://www look at here now.xiaobai8.com/wp-content/uploads/2011/07/12-300×148.png” alt=”” width=”300″ height=”148″ srcset=”http://www.xiaobai8.com/wp-content/uploads/2011/07/12-300×148.png 300w, http://www.xiaobai8.com/wp-content/uploads/2011/07/12.png 569w” sizes=”(max-width: 300px) 100vw, 300px” />
jQuery写的放新浪微薄滚动

主要代码Movie Rings (2017)

function showAuto(){

var $ul=$(“div.box ul”);

var liheight=$(“div.box”).find(“li:first”).height()+20;

$ul.animate({marginTop:liheight+”px”}

,1000,function(){

$ul.find(“li:last”).prependTo($ul);

$ul.find(“li:first”).hide();

$ul.css({marginTop:0});

$ul.find(“li:first”).fadeIn(1000);

clearTimeout(timer);

timer=window.setTimeout(showAuto,offect);

});

}

demo查看