Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Edycja skryptu
Forum PHP.pl > Forum > Przedszkole
pspgor
Witam mam o to taki skrypt. Działa on na zasadzie, że kontenery zawarte w kontenerze #info poruszają się od dołu do góry. Po najechaniu na #info automatycznie się zatrzymuje. Chodzi mi o drobną edycję, czyli domyślnie tekst nie powinien się ruszać, zaś po najechaniu powinien. Czyli dokładna odwrotność. smile.gif

  1. function marquee(x,typ,p){
  2. typ={
  3. 'up':[-1,'top','offsetHeight'],
  4. 'down':[1,'top','offsetHeight'],
  5. 'left':[-1,'left','offsetWidth'],
  6. 'right':[1,'left','offsetWidth']
  7. }[typ];
  8. var m=this,mOut,mIn,turlaj,T,i=typ[0],j=0,p=p||30;
  9. (mOut=document.getElementById(x)).onmouseover=function(){T=clearInterval(T)};
  10. mOut.appendChild((mIn=mOut.childNodes)[0].cloneNode(1));
  11. mOut.onmouseover=function(e){
  12. e=e||event;e=e.toElement||e.relatedTarget;
  13. if(e)do{if(e==this)return!1}while(e=e.parentNode)
  14. T=setInterval(turlaj,p)
  15. };
  16. mOut=mIn[0][typ[2]];
  17. turlaj=function(){
  18. mIn[0].style[typ[1]]=(-2*i*(j+=i)<(i-1)*mOut?(j=(-i-1)/2*mOut+i):j)+'px';
  19. mIn[1].style[typ[1]]=j+mOut+'px';
  20. }
  21. T=setInterval(turlaj,p);
  22. m.usun = function(){
  23. T = clearInterval(T);
  24. mIn[0].style[typ[1]]='0px';
  25. mIn[1].parentNode.removeChild(mIn[1]);
  26. }
  27. }
  28.  


To może inaczej. Mam już takie coś.

  1. $('#into').hover(function() {
  2. new marquee('into','up');
  3. });


Chciałbym, aby po opuszczeniu #into skrypt przestał działać.
!*!
http://api.jquery.com/hover/
pspgor
Jak daje tak:

  1. $("#referencje").hover(
  2. function(){
  3. moje_marque = new marquee('into','up');
  4. },
  5. function(){
  6. moje_marque.usun();
  7. }
  8. );


To najzwyczajniej w świecie po prostu się krzaczy. sad.gif
!*!
Wstaw to tu http://jsfiddle.net/ i pokaż.
pspgor
http://jsfiddle.net/XENgX/

Mam takie coś a chciałbym na odwrót.

Że automatycznie powinno być wyłączone, a po najechaniu powinno jeździć smile.gif
!*!
http://jsfiddle.net/XENgX/2/
pspgor
Muszę zedytować kod tak, by wywoływana funkcja była 'robiona' płynnie.

Funkcja i to w niej wydaje mi się trzeba coś zmienić.
Próbowałem z .animate ale zbytnio mi nie wychodzi

  1. m.usun = function(){
  2. T = clearInterval(T);
  3. mIn[0].style[typ[1]]='0px';
  4. mIn[1].parentNode.removeChild(mIn[1]);
  5. }


Odwołanie do funkcji

  1. $("#into").hover(
  2. function(){
  3. moje_marqueeeee = new marquee('into','up');
  4. },
  5. function(){
  6. moje_marqueeeee.usun();
  7. }
  8. );


ref

@ref
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.