jquery_jquery に基づいた div 広告の表示と非表示のタイミングの実装コード-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 17:24:43

オリジナル

1213 人が閲覧しました

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

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

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

< ;a class="bigad_close">閉じる

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 を大きいものから小さいものまで自動的に非表示にします。 ");
})

これはユーザーによって閉じられています。このレイヤーを閉じるには、「閉じる」をクリックしてください。