ホームページ > ウェブフロントエンド > フロントエンドQ&A > 全画面広告の JavaScript ステートメントを実装する

全画面広告の JavaScript ステートメントを実装する

WBOY
リリース: 2023-05-20 21:14:36
オリジナル
1249 人が閲覧しました

広告は現代のビジネス マーケティングに不可欠な部分です。 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 に設定する必要があります。

この関数を

人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート