ホームページ >ウェブフロントエンド >jsチュートリアル >jquery_jquery に基づいた div 広告の表示と非表示のタイミングの実装コード

jquery_jquery に基づいた div 広告の表示と非表示のタイミングの実装コード

WBOY
WBOYオリジナル
2016-05-16 17:24:431290ブラウズ

以下で私の方法を共有します:

jquery でレイヤーを表示および非表示にするには、hide メソッドと show メソッドを直接使用するのが非常に簡単ですが、タイミングを設定するには、setTimeout 関数を使用してインスタンス化する必要があります。そのメソッドを以下に共有します。
HTML ページにランダムなものをいくつか入れてみましょう

コードをコピー コードは次のとおりです:

jQuery コード

コードをコピー コードは次のとおりです:


<script><br>$(function(){ <br>setTimeout( '$( ".toolbarframe").show("slow")',3000);<br> setTimeout('$(".toolbarframe").hide("slow")',13000);<br> $( ".bigad_close ").click(function(){<br> $(".toolbarframe").hide("slow");<br>})<br>});<br></script>

上記のコア実装コードの簡単な紹介:

コードをコピー コードは次のとおりです。

setTimeout('$(".toolbarframe" ).show ("slow")',3000); 3 秒後、div が小さいものから大きいものへとゆっくりと表示されます
setTimeout('$(".toolbarframe").hide("slow")',13000 ); 10 秒後、再度表示されます。 div を大きいものから小さいものまで自動的に非表示にします。 ");
})


これはユーザーによって閉じられています。このレイヤーを閉じるには、「閉じる」をクリックしてください。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。