jQuery_jquery を使用して新浪微博ホームページのスクロール効果をシミュレートする方法
jquery
新浪微博
方法
シミュレーション
スクロール効果
表紙
この記事の例では、jQuery が新浪微博ホームページのスクロール効果をシミュレートする方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。
コードをコピー コードは次のとおりです:
<頭>
<スクリプト言語="javascript">
$(関数(){
var scrtime;
$("#con").hover(function(){
「 },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");
});