JQueryに基づいて、ページタイミングで広告を弾き出すことができます。
Js関連技術
タイマー:
set Interval&clear Interval
set Timeout&clearTimeout
表示:img.style.display="block"
隠し:img.style.display="none"
オブジェクト
スタイル属性:スタイルオブジェクト
需要分析
ユーザーがインタフェースを開くと、3秒後に広告が始まります。この広告は5秒を表示します。広告を隠します。
技術分析
タイマー:setTimeout
表示と非表示:style.display=「block/none」
ステップ解析: JQのファイル を導入する。 JQのドキュメントローディングイベントを作成する は、タイマーsetTimeout(「」、3000)を開始する。 広告を表示する関数を作成する ディスプレイ広告の中でもう一つのタイマー を起動する。隠し広告の関数を作成する
コードの実装
タイマー:
set Interval&clear Interval
set Timeout&clearTimeout
表示:img.style.display="block"
隠し:img.style.display="none"
オブジェクト
スタイル属性:スタイルオブジェクト
需要分析
ユーザーがインタフェースを開くと、3秒後に広告が始まります。この広告は5秒を表示します。広告を隠します。
技術分析
タイマー:setTimeout
表示と非表示:style.display=「block/none」
ステップ解析:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/jquery-1.11.0.js" ></script>
<!--
1. JQ
2. JQ
3. setTimeout("",3000);
4.
5.
6.
-->
<script>
//
function showAd(){
$("#img1").slideDown(2000);
setTimeout("hideAd()",3000);
}
//
function hideAd(){
$("#img1").slideUp(2000);
}
$(function(){
setTimeout("showAd()",3000);
});
</script>
</head>
<body>
<img src="../img/f001a62f-a49d-4a4d-b56f-2b6908a0002c_g.jpg" id="img1" width="100%" style="display:none" />
</body>
</html>
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。