В этой статье описываются рекламные объявления о изображении, которые следуют за мышью и закрывают функцию. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <! 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">
<голова>
<TILE> Объявления с изображением, которые следуют за мышью и имеют функцию OFF </title>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
</head>
<тело>
<!-Добавьте следующий код между <body> и </body>->
<script type = "text/javascript">
// <! [CDATA [
Функция Badad (html) {
var ad = document.body.appendchild (document.createElement ('div'));
ad.style.csstext = "border: 1px solid #000; фон: #fff; положение: абсолютное; накладка: 24px 4px 4px 4px; font: 12px/1,5 Verdana;";
ad.innerhtml = html || 'Это плохая идея!';
var c = ad.appendchild (document.createElement ('span'));
c.innerhtml = "×";
c.style.csstext = "Положение: абсолют; справа: 2px; top: 2px; cursor: 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) возврат;
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">')
//]]>
</script>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.