function fullScreenAd(){ var fsA"/> function fullScreenAd(){ var fsA">
ホームページ >ウェブフロントエンド >フロントエンドQ&A >全画面広告の JavaScript ステートメントを実装する
広告は現代のビジネス マーケティングに不可欠な部分です。 Web デザインでは、全画面広告はユーザーの注意を引き、販売者が製品やサービスを宣伝するのに役立ちます。この記事では、JavaScript を使用して全画面広告を実装する方法を学びます。
全画面広告を実装するための JavaScript ステートメントは次のとおりです:
<script type="text/javascript"> function fullScreenAd(){ var fsAd = document.getElementById('fullScreenAd'); if(fsAd.style.display == 'none'){ fsAd.style.display = 'block'; }else{ fsAd.style.display = 'none'; } } </script>
まず、fullScreenAd()
という名前の関数を作成する必要があります。この関数では、全画面広告の要素を取得する必要があります。これは通常、広告コンテンツを含むポップアップ ウィンドウです。
この例では、全画面広告の要素 ID を fullScreenAd
に設定します。実際のニーズに応じて、別の ID に変更できます。
次に、条件ステートメント if...else
を使用して、現在の全画面広告要素の style
属性が none# であるかどうかを判断します。 ##。そうである場合、それは広告要素が現在非表示であることを意味し、広告を表示するにはその
display 属性を
block に設定する必要があります。それ以外の場合は、広告要素が現在非表示であることを意味します。表示状態では、広告を非表示にするには、
display プロパティを
none に設定する必要があります。
3f1c4e4b6b16bbbd69b2ee476dc4f83a タグでラップすることで、Web ページ内でこの関数を呼び出して全画面広告を表示または非表示にできることに注意してください。この JavaScript コードを別の JS ファイルに保存し、必要な Web ページで参照できます。
fullScreenAd() 関数を呼び出して全画面広告を表示できます。
<div> <!-- 全屏广告 --> <div id="fullScreenAd"> <img src="full-screen-ad-image.jpg" alt="全屏广告" /> </div> <!-- 触发全屏广告的按钮 --> <button onclick="fullScreenAd()">显示全屏广告</button> </div>この例では、
dc6dce4a544fdca2df29d5ac0ea9906b 要素を作成し、これには、ID
fullScreenAd を持つ全画面広告要素が含まれています。この要素には広告画像が含まれているため、実際の状況に応じて画像のファイルパスと名前を変更する必要があります。
bb9345e55eb71822850ff156dfde57c8 要素も作成しました。ユーザーがボタンをクリックすると、
fullScreenAd() 関数がトリガーされ、全画面が表示されます。 -画面広告と非表示。
以上が全画面広告の JavaScript ステートメントを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。