---
title: "animera ett lager vid mouseOver"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/102874-animera-ett-lager-vid-mouseover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "room"
published: "2004-05-04T09:03:51.000Z"
updated: "2004-05-04T10:03:07.000Z"
replies: 1
views: 217
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/102874-animera-ett-lager-vid-mouseover"
---

# animera ett lager vid mouseOver

## #1 — room, 2004-05-04T09:03Z

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..

Permalänk: https://www.webforum.nu/p/102874

## #2 — Jesper T, 2004-05-04T10:03Z

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>
```

Permalänk: https://www.webforum.nu/p/1337775

---

Tråden på webben: https://www.webforum.nu/amne/javascript/102874-animera-ett-lager-vid-mouseover
