Přesouvání elementu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

14:30, Funkcionální progr… Dummy smart a Kunstinteligenz

14:46, Python Používáte SQLAlchemy nebo pandas? pymysql

11:30, Funkcionální progr… Promotic

09:34, Software KAPEKA - zadní dvířka do woken

20:43, Hardware Adaptér pro sériové připojení LCD displejů

23:05, Vzdělání Platy softwarářů

Stavba Laser Arény
Laser Game Brno

Fórum › JavaScript, AJAX, jQuery

Přesouvání elementu

lukin

~ Anonymní uživatel
~ 2 příspěvky

29. 1. 2011 #1

Řeším následující problém:

Po najetí myši na textový odkaz se mi spustí funkce která pohybuje obrázkem v záhlaví. Potřebuji nějak udělat, aby se po odjetí kurzoru myši z odkazu(onmouseout) pohyb zastavil. V javasriptu jsem začátečník a na tomto jsem si vylámal zuby. Díky za každou radu.

<body>

<span id="textik" style="position:relative;"><img src='bg.jpg'></span>



<a href='..' onmouseover='start()'>text</a> 

</body>



<script>

var stylTextu = document.getElementById("textik").style;

var poziceX = 0; 	

					

var poziceY= 0; 	



function start(){

	

	window.setInterval("krok(5,0)", 100) 	

	

}



function krok(stepX,stepY){

	

	poziceX += stepX;

	poziceY += stepY;

	

	stylTextu.left = poziceX + "px";

	stylTextu.top = poziceY + "px";



}

</script>

Nahlásit jako SPAM

IP: 84.21.109.–

m->29+6

Super člen

30. 1. 2011 #2

var intervalID;

function start(){ 

       

      intervalID = window.setInterval("krok(5,0)", 100)        

       

}



function stop() {

  clearInterval(intervalID);

}



onmouseout="stop();"