animera ett lager vid mouseOver

roomMedlem sedan mars 2001270 inlägg

4 maj 2004 09:03#1

Hejsan..

Vill animera ett lager i x-led ett visst antal pixlar. Lagret skall är 150 px i x-bredd men bara 15 px ska synas i bild. Jag vill att lagret skall åka ut (i x-led) när man gör en MouseOver.

Någon som har ett sådant script eller kodsnutt så skulle jag vara tacksam.

Lagret innehåller en meny..

Jesper TMedlem sedan nov. 20017 144 inlägg

4 maj 2004 10:03#2

Kanske en början?

<head>
<script type="text/javascript">

var y=15;
var z=150;

function zoomopen(name){
         var obj=document.getElementById(name).style;
	 obj.height= y +'px';
                if(y < 150) { y = y + 10; }else{y=15;return false;}
	        setTimeout("zoomopen('"+name+"')", 100);
};

function zoomclose(name){
         var obj=document.getElementById(name).style;
	 obj.height= z +'px';
	if(z > 15) { z = z - 10; }else{z=150;return false;}
	        setTimeout("zoomclose('"+name+"')", 100);
};

</script>
</head>
<body>

  
<div id="div" onmouseover="zoomopen(this.id)" onmouseout="zoomclose(this.id)" style="position: absolute;border:1px solid #999; top:150px; left:100px; background:snow; width:300px; height:auto;"></div>

</body>