Artikel ini menjelaskan iklan gambar yang mengikuti mouse dan menutup fungsi. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
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>
<Title> Iklan gambar yang mengikuti mouse dan memiliki fungsi off </iteme>
<meta http-equiv = "konten tipe" content = "text/html; charset = gb2312">
</head>
<body>
<!-Tambahkan kode berikut antara <body> dan </body>->
<type skrip = "Teks/JavaScript">
// <! [CDATA [
fungsi badad (html) {
var ad = document.body.appendChild (document.createelement ('div'));
ad.style.csStext = "Border: 1px solid #000; latar belakang: #fff; posisi: absolute; padding: 24px 4px 4px 4px; font: 12px/1.5 verdana;";
ad.innerHtml = html || 'Ini adalah ide yang buruk!';
var c = ad.AppendChild (document.createElement ('span'));
c.innerhtml = "×";
c.style.csstext = "Posisi: Absolute; kanan: 2px; Top: 2px; Kursor: Pointer";
c.onClick = function () {
document.onmouseMove = null;
this.parentnode.style.left = '-99999px'
};
document.onmouseMove = function (e) {
e = e || window.event;
var x = e.clientx, y = e.clienty;
setTimeout (function () {
if (ad.hover) kembali;
ad.style.left = x+5+'px';
ad.style.top = y+5+'px';
}, 120)
}
ad.onmouseover = function () {
this.hover = true
};
ad.onmouseout = function () {
this.hover = false
}
}
Badad ('<img src = "/gambar/m02.jpg">')
//]]>
</script>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.