[JavaScript] Edycja skryptu Opcje

[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ść. (IMG:style_emoticons/default/smile.gif)

[PHP] pobierz, plaintext 
	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.onmouseover=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);	
 m.usun = function(){
            T  = clearInterval(T);
            mIn[0].style[typ[1]]='0px';
            mIn[1].parentNode.removeChild(mIn[1]);
}
	}
 
[PHP] pobierz, plaintext 

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

[PHP] pobierz, plaintext 
$('#into').hover(function() {
		new marquee('into','up');						 
	});
[PHP] pobierz, plaintext 

Chciałbym, aby po opuszczeniu #into skrypt przestał działać.

Ten post edytował pspgor 7.04.2012, 14:15:51

[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

[PHP] pobierz, plaintext 
 m.usun = function(){
            T  = clearInterval(T);
            mIn[0].style[typ[1]]='0px';
            mIn[1].parentNode.removeChild(mIn[1]);
        }
[PHP] pobierz, plaintext 

Odwołanie do funkcji

[PHP] pobierz, plaintext 
$("#into").hover(  
          function(){  
              moje_marqueeeee = new marquee('into','up'); 
          },  
          function(){  
              moje_marqueeeee.usun(); 
          }  
     );  
[PHP] pobierz, plaintext 

ref

@ref

Ten post edytował pspgor 8.04.2012, 06:31:33