Div verplaatsen bij onmouseover

**Bram Lodens** · 23-02-2007, 17:13

Ik wil dat wanneer een user over één div gaat dat deze div 5px naar boven en 5px naar rechts beweegt.

Code:

Code:

<div class="blok1" id="b1">blokje1</div>

Dit kan gedaan worden met js maar kvind de juiste oplossing niet ...

Code:

<script>
function move(){
}
</script>
</head>
<body>
<div class="blok1" id="b1" onmouseover="move(this)">blokje1</div>

kKan iemand me op weg helpen?

**Timo Willemsen** · 23-02-2007, 18:07

PHP Code:


<script>
function move(div){
document.getElementById(div).style.position="relative"
document.getElementById(div).style.left="5"
document.getElementById(div).style.top="5"
}
</script>
</head>
<body>
<div class="blok1" id="b1" onmouseover="move('b1')">blokje1</div>

**Bram Lodens** · 24-02-2007, 09:49

Bedankt kerel!!

Kan het zijn dat zoiets alleen werk in IE? In FF krijg ik er geen beweging in ;)

*Edit:
Het werkt dus wel in FF, moest er gewoon nog "px" bijzetten!

Dus bedankt Timo!

**Ruben K** · 24-02-2007, 09:52

bij mij werkt et in ff2

**Pieter-Jan Piro** · 24-02-2007, 10:13

top en left is bedoeld voor absoluut gepositioneerde elementen... Je kan misschien beter de left en top margin aanpassen met javascript ;)

Div verplaatsen bij onmouseover