Cet article décrit les publicités d'image qui suivent la souris et ferment la fonction. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! 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">
<adal>
<Title> Picture Ads qui suivent la souris et ont une fonction de désactivation </TITAL>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312">
</ head>
<body>
<! - Ajoutez le code suivant entre <body> et </body> ->
<script type = "text / javascript">
// <! [Cdata [
fonction badad (html) {
var ad = document.body.appendChild (document.CreateElement ('div'));
ad.style.csstext = "Border: 1px solide # 000; arrière-plan: #fff; position: absolu; padding: 24px 4px 4px 4px; police: 12px / 1,5 verdana;";
ad.innerhtml = html || 'C'est une mauvaise idée!';
var c = ad.appendChild (document.CreateElement ('span'));
c.innerhtml = "×";
c.style.csstext = "Position: Absolute; Droite: 2Px; en haut: 2px; curseur: pointeur";
c.OnClick = function () {
document.onMouseMove = null;
this.parentnode.style.left = '- 99999px'
};
document.onmousemove = fonction (e) {
e = e || window.event;
var x = e.clientx, y = e.clienty;
setTimeout (function () {
if (ad.hover) retour;
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 = "/ images / m02.jpg">')
//]]>
</cript>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.