В этой статье описывается метод JS, чтобы реализовать остановку прокрутки изображений, когда мышь проходит. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Кода -копия выглядит следующим образом:
<! 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">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> Когда мышь проходит мимо, <a href = 'sitejs-16691-1.html' target = '_ blank'> <u> Прокрутка изображения </u> </a> stop effect </title>
</head>
<стиль типа = "text/css">
<!-
#www_jb51_net {
Фон: #fff;
переполнение: скрыто;
Граница: 1px пунктир #CCC;
Ширина: 325px;
Высота: 245px;
}
#www_jb51_net img {
Граница: 3PX SOLID #F2F2F2;
}
#indemo {
Плавание: осталось;
Ширина: 800%;
}
#demo1 {
Плавание: осталось;
}
#demo2 {
Плавание: осталось;
}
->
</style>
<тело>
Прокручивать влево
<div id = "www_jb51_net">
<div id = "Indemo">
<div id = "demo1">
<a href = "#"> <img src = "Images/m01.jpg"/> </a>
<a href = "#"> <img src = "Images/m02.jpg"/> </a>
<a href = "#"> <img src = "Images/m03.jpg"/> </a>
<a href = "#"> <img src = "Images/m04.jpg"/> </a>
<a href = "#"> <img src = "Images/m05.jpg"/> </a>
<a href = "#"> <img src = "Images/m06.jpg"/> </a>
</div>
<div id = "demo2"> </div>
</div>
</div>
<Скрипт>
<!-
var speed = 10;
var tab = document.getElementByid ("www_jb51_net");
var tab1 = document.getElementbyId ("demo1");
var tab2 = document.getElementbyId ("demo2");
tab2.innerhtml = tab1.innerhtml;
функция marquee () {
if (tab2.offsetwidth-tab.scrollleft <= 0)
tab.scrollleft- = tab1.offsetwidth
еще{
tab.scrollleft ++;
}
}
var mymar = setInterval (шатер, скорость);
tab.onmouseover = function () {clearInterval (mymar)};
tab.onmouseout = function () {mymar = setInterval (marquee, speed)};
->
</script>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.