intercambiar imagen de fondo de un div

birdaleja · #1 (**permalink**) 19/05/2010, 22:50

hola, quisiera saber como puedo intercambiar una imagen de fondo de un div con javascript al pasar el roll over y roll out. se agradece mucho cualquier pista,

saludos

caricatos · #2 (**permalink**) 19/05/2010, 23:10

Hola:

<div onmouseover="this.style.backgroundImage = 'imagen1.gif'" onmouseout="this.style.backgroundImage = 'imagen2.gif'" >

Ten cuidado de tener definidas las otras caracteríasticas de las imágenes de fondo (repetición, fondo y posicionamiento)

Saludos

birdaleja · #3 (**permalink**) 25/05/2010, 18:15

gracias por responder, pero no se porque no me funciona...
que esta mal en mi codigo??

saludos, gracias!

Código:

<head>
<style type="text/css">

.menu_titulo {
	padding:18px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-stretch:condensed;
	padding-right: 10px;
	font-weight: normal;
	cursor: default;
}
.menu_head {
	cursor: pointer;
	position: relative;
	font-weight:bold;
	background: url(bg_menu.png) no-repeat;
	height: 64px;
}
</style>

</head>

<body>

<div class="menu_head" onmouseover="this.style.backgroundImage = 'bg_menu2.png'" 
       		onmouseout="this.style.backgroundImage = 'bg_menu.png'">
        <div class="menu_titulo"><img src="flechita.png" id="flecha"/> Nuestros Servicios</div>
</div>

</body>
</html>