+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: scroll javascript (/thread-scroll-javascript)
scroll javascript - Radian - 27-02-2012
Witam, mam pewne pytanie, na JS znam się bardzo słabo a potrzebuję pilnie pewien skrypt... nie chce korzystać z gotowych które wymagają jquery czy innych frameworków... chodzi o coś mega prostego a działającego.
Przejdę do rzeczy http://3d.hmax.pl/php/index.htm
Chciał bym aby to się przesuwało w momencie gdy wskaźnik jest umieszczony na elemencie do momentu gdy go opuści.
Mój kod wstawiam poniżej:
<div onMouseMove="javascript:ss2.scrollLeft--;">lewo
</div><div onMouseMove="javascript:ss2.scrollLeft++;">Prawo
</div>Próbowałem korzystać z onmouseover lecz wtedy scroll przesuwa się o kawałeczek mały i przestaje, trzeba na element znowu wjechać myszką by znowu lekko się przestawił.
Próbowałem używać pętli ale wciąż nic :/
RE: scroll javascript - Kartofelek - 27-02-2012
Kod:
vat time;
document.getElementById('left').onmousemove = function() {
clearInterval(time);
time = setInterval(function() {.....tutaj nazwa funkcji przesuwającej w lewo...}, 100);
}
document.getElementById('right').onmousemove = function() {
clearInterval(time);
time = setInterval(function() {.....tutaj nazwa funkcji przesuwającej w prawo...}, 100);
}To tylko wzór. Na pewno sobie poradzisz. W każdym bądź razie wykorzystaj interval