Setiap kali festival besar, beranda situs web utama akan memakai festival. Tempatkan tombol "Tutup" di bagan latar belakang.
Kami menggunakan JavaScript untuk mengontrol tampilan dan menyembunyikan gambar latar belakang. sarat.
Html
Tombol penutupan gambar latar belakang umum ditempatkan di kepala halaman.
Salin kode kode sebagai berikut:
<div id = "top">
<em id = "close_btn"> </em>
</div>
CSS
Anda juga perlu menyiapkan gambar latar belakang yang besar.
Salin kode kode sebagai berikut:
*{margin: 0;
Tubuh {font: 12px/18px "Microsoft Yahei", Tahoma, Arial, Verdana, "/5b8b/4f53", sans-serif;}
#Top {clear: keduanya;
#Close_btn {width: 60px;
Tampilan: Blokir; Z-index: 2;}
Setelah menggunakan CSS, halaman tidak berpengaruh.
Javascript
Ketika halaman pemuatan pertama (saat ini tidak ada cookie, dll.), Tentu saja, gambar latar belakang harus dimuat untuk menampilkan efek halaman lengkap. Ketika kita mengklik tombol "Tutup", pada saat ini Javascript akan membunuh gambar latar belakang yang telah dimuat pada halaman, yaitu, tidak ditampilkan, dan mengatur cookie, mengontrol gambar latar belakang besar melalui waktu kedaluwarsa cookie. Artinya, ketika halaman menyegarkan, jika cookie tidak kedaluwarsa, gambar latar belakang besar tidak akan dimuat, dan gambar latar belakang besar akan dimuat, silakan lihat kode:
Salin kode kode sebagai berikut:
$ (function () {
iftcookie ("mainbg") == 0) {
$ ("Tubuh, html").
$ ("#Close_btn").
} Kalau tidak {
$ ("Body").
$ ("html").
$ ("#Close_btn").
}
// Klik untuk menutup
$ ("#Close_btn").
$ ("Tubuh, html").
$ ("#Close_btn").
setCookie ("Mainbg", "0");
});
})
Jelas, kami mengontrol pemuatan diagram latar belakang dengan mengatur properti latar belakang latar belakang CSS dari elemen halaman, dan membaca dan mengatur cookie melalui dua fungsi khusus getCookie () dan setCookie ().
Salin kode kode sebagai berikut:
// Atur cookie
Fungsi setCookie (name, value) {
var exp = new date ();
exp.settime (exp.getTime () + 1*60*60*60*1000);
document.cookie = name + "=" + Escape (value) + "; Expires =" + exp.togmtring ();
}
// Ambil fungsi cookie
Fungsi getCookie (name) {
var anrr = document.cookie.match (regexp baru ("(" (^|) "+name+" = ([^;]*) (; | $) "))));
if (arr! = null) return unescape (arr [2]);
}