Artikel ini menjelaskan metode JS untuk mencapai efek berkedip konstan dari mengklik teks yang sesuai dengan lapisan div. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Kami sering melihat efek ini di banyak situs web hiburan. Klik pada teks di kotak di halaman web, dan kemudian seluruh kotak terus berkedip. Ini adalah efek dinamis yang sangat baik dan dapat dengan mudah menarik perhatian pelanggan. Kode ini mewujudkan efek ini. Setelah mengklik kotak, kotak akan berkedip.
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> JS menyadari mengklik teks yang sesuai dengan flashing lapisan div </iteme>
<type style = "text/css">
#box {position: absolute; atas: 50%; kiri: 50%; warna: #ffff; lebar: 200px; tinggi: 200px; latar belakang: merah; kursor: pointer; spasi-huruf: 5px; Teks-Align: tengah; font: 12px/200px arial; margin: -100px 0 0 -100px;
</tyle>
<type skrip = "Teks/JavaScript">
window.onload = function ()
{
var obox = document.getElementById ("box");
var timer = null;
obox.onClick = function ()
{
var i = 0;
clearInterval (timer);
timer = setInterval (function () {
obox.style.display = i ++ % 2? "Tidak ada": "blok";
i> 6 && (clearInterval (timer))
}, 80)
}
};
</script>
</head>
<body>
<Div id = "box"> wulin.com mengingatkan: Jika Anda berani mengklik saya, saya berani mem -flash </div>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.