Poner CSS al script de un boton rollover

[lalunatika_lovegood]

Bueno, creo que es un poco complicado lo que busco, pero espero no sea imposible.

Resulta que consegui un codigo para un rollover multiple, y quiero que cuando cambie una de las imágenes, se desplace y no quede en la misma posición que la original!
Este es el codigo completo:

Código:

<script type="text/javascript">
function change() {
document.getElementById('button').src = "http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/JJyJiji.png";
document.getElementById('otherone').src = "http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/Sillavacia.png";
}
</script>


<div id="Jaejoong" style="height:359px; width: 129px; top:121px; position:absolute; z-index:4; right:383px; bottom:150px;"><img style=" bottom:0px;"src="http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/Jaejoong.png" alt="" id="button" onmouseover="change();" /></div>

<div id="Telfono" style=" height:192px; width: 152px; no-repeat left; bottom:80px; position:absolute; z-index:4; right:5%;"> 
<img src="http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/Sillajiji.png" alt="" id="otherone" />
</div>

Yo quiero que esta imagen:
http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/JJyJiji.png (o button en el codigo) cambie de lugar cuando se le pase el mouse encima! y quisiera que tuviera estos valores de CSS:

Código:

bottom:37px;
position:absolute;
z-index:7;
left:5%;

Espero sea posible ^^
Por cierto, muy bueno este foro!

[maycolalvarez]

con CSS simplemente puedes utilizar la pseudo clase :hover para cambiar el background y obtener un rollover:

Código CSS:

#miobjetohtml{
    background-image: url(imagennormal.png);
}
#miobjetohtml:hover{
    background-image: url(imagenmouseencima.png);
}
 

y listo, con javascript debes de utilizar 2 eventos:

onmouseover: cuando el puntero está en el área.
onmouseout: cuando el puntero sale del área.

[lalunatika_lovegood]

Ohh muchas gracias Q_Q
probare con eso ^^