全画面広告の 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 ページで参照できます。

最後に、全画面広告の表示をトリガーするボタンを Web ページに追加する必要もあります。ボタンには画像やテキストなどの要素を指定できます。ユーザーがボタンをクリックすると、

fullScreenAd() 関数を呼び出して全画面広告を表示できます。

全画面広告をトリガーするボタンを含む HTML コードの例を次に示します:

<div>
   <!-- 全屏广告 -->
   <div id="fullScreenAd">
      <img src="full-screen-ad-image.jpg" alt="全屏广告" />
   </div>

   <!-- 触发全屏广告的按钮 -->
   <button onclick="fullScreenAd()">显示全屏广告</button>
</div>

この例では、

dc6dce4a544fdca2df29d5ac0ea9906b 要素を作成し、これには、ID fullScreenAd を持つ全画面広告要素が含まれています。この要素には広告画像が含まれているため、実際の状況に応じて画像のファイルパスと名前を変更する必要があります。

さらに、

bb9345e55eb71822850ff156dfde57c8 要素も作成しました。ユーザーがボタンをクリックすると、fullScreenAd() 関数がトリガーされ、全画面が表示されます。 -画面広告と非表示。

要約すると、上記の JavaScript ステートメントを通じて、Web ページ上の全画面広告の表示および非表示機能を簡単に実現できます。これにより、販売者が製品やサービスを宣伝し、より多くのユーザーの注目を集めることができます。

以上が全画面広告の JavaScript ステートメントを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。