Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 12 Pomógł: 0 Dołączył: 29.12.2008 Ostrzeżenie: (0%)
|
Witam
Znalazłem skrypt, który przesuwa obiekty na zasadzie 'marquee'. Wygląda to mniej więcej tak jak tutaj: http://blue.ovh.org/temp/marquee.html Wszystko działa jak powinno, ale chciałbym zrobić pewną modyfikację i nie wiem jak. Chciałbym, żeby po kliknięciu i najechaniu myszą na jakiś link/przycisk/obrazek kierunek przesuwania się zmienił na przeciwny. (Obrazki przesuwają się w lewo, klikam na strzałkę w prawo, wtedy zaczyna się przesuwać w prawo. Potem kiedy kliknę strzałkę w lewo to przesuwa się znowu w lewo, itd.) Kod w java script: CODE <script type="text/javascript"> function marquee(x,typ,p){ typ={ 'up':[-1,'top','offsetHeight'], 'down':[1,'top','offsetHeight'], 'left':[-1,'left','offsetWidth'], 'right':[1,'left','offsetWidth'] }[typ]; var m=this,mOut,mIn,turlaj,T,i=typ[0],j=0,p=p||30; (mOut=document.getElementById(x)).onmouseover=function(){T=clearInterval(T)}; mOut.appendChild((mIn=mOut.childNodes)[0].cloneNode(1)); mOut.onmouseout=function(e){ e=e||event;e=e.toElement||e.relatedTarget; if(e)do{if(e==this)return!1}while(e=e.parentNode) T=setInterval(turlaj,p) }; mOut=mIn[0][typ[2]]; turlaj=function(){ mIn[0].style[typ[1]]=(-2*i*(j+=i)<(i-1)*mOut?(j=(-i-1)/2*mOut+i):j)+'px'; mIn[1].style[typ[1]]=j+mOut+'px'; } T=setInterval(turlaj,p); } </script> Kod z pliku php/html: CODE <div id="id_przewijaczki" style="position: relative; width:542px; height:364px; overflow: hidden;> <div style="position: absolute;width:720px; height:364px;"> </div> </div> <script type="text/javascript"> new marqueee('id_przewijaczki','left',40); </script> <a href="#">w prawo</a> <a href="#">w lewo</a> Pozdrawiam |
|
|
|
![]() |
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 97 Pomógł: 45 Dołączył: 5.05.2010 Ostrzeżenie: (0%)
|
Do odsylacza dodaj opcje onclick w ktorej umiescisz funkcje ktora bedzie przemieszczala te kwadraty w jedna strona, a do drugiego odsylacza druga funkcje ktora bedzie przemieszczala kwadraty w przeciwna strone
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 12 Pomógł: 0 Dołączył: 29.12.2008 Ostrzeżenie: (0%)
|
Daję coś takiego:
CODE <a href="#" onclick="marquee('id_przewijaczki','right',40);">w prawo</a> i wtedy pojawia się tak jakby druga animacja i przewijają się naraz dwie animacje w przeciwne strony. ;/ |
|
|
|
![]() ![]() |
|
Aktualny czas: 20.08.2025 - 01:59 |