Este artículo describe los anuncios de imagen que siguen al mouse y cierran la función. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<title> anuncios de imágenes que siguen al mouse y tienen la función OFF </title>
<meta http-oquiv = "content-type" content = "text/html; charset = gb2312">
</ablo>
<Body>
<!-Agregue el siguiente código entre <body> y </body>->
<script type = "text/javaScript">
// <! [Cdata [
función badad (html) {
var ad = document.body.appendChild (document.createElement ('div'));
ad.style.csstext = "Border: 1px Solid #000; fondo: #fff; posición: absoluto; relleno: 24px 4px 4px 4px; fuente: 12px/1.5 verdana;";
ad.innerhtml = html || '¡Esta es mala idea!';
var c = ad.appendChild (document.createElement ('span'));
c.innerhtml = "×";
c.style.csstext = "Posición: Absoluto; derecha: 2px; superior: 2px; cursor: puntero";
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) return;
ad.style.left = x+5+'px';
ad.style.top = y+5+'px';
}, 120)
}
ad.onmouseover = function () {
this.hover = verdadero
};
ad.onmouseOut = function () {
this.hover = falso
}
}
badad ('<img src = "/images/m02.jpg">')
//]]>
</script>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.