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

Rozšířené hledání ›

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

22:06, Startupy Megastroj.cz – Vše na jednom místě: půjčovna, bazar a inze…

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

10:10, Cinema 4D Export USDC do DaVinci Resolve

16:58, Photoshop Jak odstranit (potlačit) odlesky

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();"