Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][PHP]Zmiana działania funkcji przez kliknięcie przycisku
marcinw77
post
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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
RiE
post
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
Go to the top of the page
+Quote Post
marcinw77
post
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. ;/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 01:59