Just nu i M3-nätverket
Jump to content
Eforum läggs ner i slutet av juni, klicka för att läsa mer

Problem med uppdatering av bild

marb

By marb,
in Webbutveckling

Recommended Posts

marb

marb

Posted
Posted

Jag vill att en bild ska glida iväg ett visst antal punkter när man håller musen över en länk. Men bilden "hoppar" bara iväg till sin slutposition.

Antar att det beror på att javascript är "slött".

 

Den viktiga koden nedan.

 

 

function starta(){

for(var j=0;j < 200; j++){

setTimeout('bytbild()', 100);

document.all.bild1.style.left = 200 + j;

}

}

 

function bytbild(){}

 

 

<a href="#" onMouseOver="starta()">Test</a>

<img src="bild.jpg" style="position: absolute; top: 10pt; left: 200pt" name="bild1">

 

 

[inlägget ändrat 2004-06-28 19:10:54 av marb]

Link to comment
Share on other sites
Anjuna Moon

Anjuna Moon

Posted
Posted

Pröva det här istället. Start glidningen med SlideTo(slutPos,stegStorlek)

 

[log]

<html><head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var oImg,oTimer,sx,blActive;
function SlideTo(ex,dx) {
	oTimer=setInterval("Slide("+ex+","+dx+")",50);
}
function Slide(ex,dx) {
	sx+=dx;
	oImg.style.left=sx;
	if (sx>ex)
		clearInterval(oTimer);
}
function init() {
	oImg=document.getElementById("bild1");
	sx=parseInt(oImg.style.left);
	blActive=false;
}
//-->
</SCRIPT>
</head>
<body onload="init();">
<a href="#" onMouseOver="if(!blActive) SlideTo(400,15);">Test</a>
<img src="bild.gif" style="position:absolute;top:10px;left:200px" id="bild1">
</body></html>

[/log]

AnjunaMoon

____________________________________________________________

/* There is nothing more permanent than a temporary solution... */

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing


×
×
  • Create New...