Laksanakan kenyataan JavaScript pengiklanan skrin penuh

Pengiklanan adalah bahagian penting dalam pemasaran perniagaan moden. Dalam reka bentuk web, iklan skrin penuh kelihatan menarik perhatian pengguna dan membantu peniaga mempromosikan produk atau perkhidmatan. Dalam artikel ini, kami akan mempelajari cara melaksanakan iklan skrin penuh dengan JavaScript.

Pernyataan JavaScript untuk melaksanakan pengiklanan skrin penuh adalah seperti berikut:

<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>

Pertama, kita perlu mencipta fungsi bernama fullScreenAd(). Dalam fungsi ini, kita perlu mendapatkan elemen iklan skrin penuh, yang biasanya tetingkap pop timbul dengan kandungan pengiklanan.

Dalam contoh ini, kami menetapkan ID elemen iklan skrin penuh kepada fullScreenAd. Anda boleh mengubah suainya kepada ID lain mengikut keperluan sebenar.

Seterusnya, kami menggunakan pernyataan bersyarat if...else untuk menentukan sama ada atribut style bagi elemen pengiklanan skrin penuh semasa ialah none. Jika ya, ini bermakna elemen pengiklanan berada dalam keadaan tersembunyi pada masa ini, dan kami perlu menetapkan atribut displaynya kepada block untuk memaparkan iklan jika tidak, ini bermakna elemen pengiklanan sedang dalam keadaan dipaparkan , dan kita perlu menetapkannya kepada display Atribut ditetapkan kepada none untuk menyembunyikan iklan.

Perlu diambil perhatian bahawa kami membungkus fungsi ini dalam teg <script>, supaya kami boleh memanggil fungsi ini dalam halaman web untuk memaparkan dan menyembunyikan iklan skrin penuh. Anda boleh menyimpan kod JavaScript ini ke fail JS yang berasingan dan merujuknya dalam halaman web yang diperlukan.

Akhir sekali, kami juga perlu menambah butang pada halaman web yang mencetuskan paparan iklan skrin penuh. Butang boleh menjadi elemen seperti imej atau teks Apabila pengguna mengklik butang, fungsi fullScreenAd() boleh dipanggil untuk memaparkan iklan skrin penuh.

Berikut ialah contoh kod HTML dengan butang yang mencetuskan iklan skrin penuh:

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

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

Dalam contoh ini, kami mencipta elemen <div> dan memasukkan elemen dengan ID fullScreenAd elemen pengiklanan skrin penuh. Elemen ini mengandungi imej pengiklanan Anda perlu mengubah suai laluan fail dan nama imej mengikut situasi sebenar.

Selain itu, kami juga mencipta elemen <button>, yang akan mencetuskan fungsi fullScreenAd() apabila pengguna mengklik butang, dengan itu membolehkan paparan dan penyembunyian iklan skrin penuh.

Ringkasnya, melalui penyataan JavaScript di atas, kami boleh merealisasikan dengan mudah paparan dan fungsi menyembunyikan iklan skrin penuh pada halaman web, dengan itu membantu peniaga mempromosikan produk atau perkhidmatan dan menarik lebih banyak perhatian pengguna.

Atas ialah kandungan terperinci Laksanakan kenyataan JavaScript pengiklanan skrin penuh. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!