La idea es tener un Menú con varios links, al ponerte encima de cada uno de esos links, que el fondo de la página cambie.
Mi codigo es este:
Código PHP:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/estilo_index.css">
<script type='text/javascript' src='scripts/cambiar_fondo.js'></script>
</head>
<body>
<a onmouseover="cambiar_fondo()" href="#">MENU 1</a>
</body>
</html>
Código PHP:
html {
background: url(../img/fondo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Código PHP:
function cambiar_fondo(){
var imagen = document.getElementsByTagName("html");
imagen.style.background= "url('../img/fondo2.jpg')";
}
Con la consola de errores del Chrome me dice:
Cannot set property 'background' of undefined
Y evidentemente no me cambia el fondo
Alguna ayuda?