problema con codigo javascript

Citar

Escrito el 18 Ago 2010 08:17 pm

Perdon me equivoque icon_eek.Bueno como iba diciendo estoy haciendo una web en la que tengo body con un color y una imagen de dos colunnas que bajan todo lo largo que es la web.Entre esas dos colunnas va ya la web dentro de un contenedor que se llama wrapper.El efecto que yo queria era que al pasar el raton por la superficie de body o del div wrapper me da igual,la imagen de las dos colunnas cambiara a otra que tengo hecha con gimp.
El caso esque no consigo que funcione.Os pego el codigo por si veis algun fallo.

Código:

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

function fondo(){
var tit=document.getElementById('home');
tit.style.background='url("http://migato8.no-ip.info/imagenes/page_bg2.png") repeat-y center top;' ; /* Esta imagen es la de sustitucion */
}

</script>

<style>

body {
background:#C3C5C5 url("http://migato8.no-ip.info/imagenes/page.bg.gif") repeat-y center top; /*Esta es la imagen actual y el color de
fondo que tiene la web */
}

</style>

</head>

<body onMouseOver="fondo()" id="home" > /*Aqui nombre a body para que al pasar el raton por body actuara y cambiara a la imagen

de sustitucion */

Veis algo mal

Por gatoher

18 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 20 Ago 2010 03:07 am

No es necesario JavaScript para hacer eso. Te pongo un código de ejemplo:

Código HTML :

<html>
<head>
<style>
.wrapper {
   background-image: url(imagenes/fondo1.jpg);
}
.wrapper:hover {
   background-image: url(imagenes/fondo2.jpg);
}
</style>
</head>
<body>
<div class="wrapper">&nbsp;</div>
</body>
</html>

":hover" se activa cuando el mouse pasa encima del elemento con class "wrapper".

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 20 Ago 2010 11:19 pm

Gracias driverop. Probe hacerlo asi pero la web se me desfiguraba completamente.Asi ya habia probado a hacerlo,como si se tratase de un menu horizontal,pero no me salio bien al final lo hice asi :

<script language="javascript" type="text/javascript">
function fondo(){
var tit=document.getElementById('home');
tit.style.background='#C3C5C5 url("http://migato8.no-ip.info/imagenes/page_bg2.png") repeat-y center top ';
}
</script>

<style>

#home {
background:#C3C5C5 url("http://migato8.no-ip.info/imagenes/page.bg.gif") repeat-y center top;
}

</style>

</head>

<body id="home" onMouseOver="fondo()">

Queda mejor.Si quieres ver un pequeño fracmento te dejo el enlace http://migato8.no-ip.info
Gracias por responderme

Por gatoher

18 de clabLevel

Envíale un mensaje privado

problema con codigo javascript

Escribe una respuesta rapida