ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jquery を使用して新浪微博ホ​​ームページのスクロール効果をシミュレートする方法

jQuery_jquery を使用して新浪微博ホ​​ームページのスクロール効果をシミュレートする方法

WBOY
リリース: 2016-05-16 16:10:08
オリジナル
1040 人が閲覧しました

この記事の例では、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");
});






  • 人生が初めて会ったときと同じだったら




  •                                                                                                                               


  •                                                                                                                                                                                                    


  •                                                                                                                                        







この記事が皆さんの jQuery プログラミングに役立つことを願っています。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート