Comunidad de diseño web y desarrollo en internet online

Al pasar mouse sobre un div, cambiar el fondo de otro div

Citar            
MensajeEscrito el 16 Sep 2011 12:54 am
Hola, tengo algo asi:

HTML escribió:

<div id=contenedor>
<div id=cont1></div>
<div id=cont2></div>
</div>


Quisiera que al pasar el mouse arriba de "cont1" cambie la posicion de fondo del "cont2" ya que estoy usando sprites. Si es posible tendria que ser con CSS
Ya probe con:

CSS escribió:

#cont1:hover #cont2{
background-position: 30px -20px; (a modo de ejemplo)


Y nada..

Por matiasnc

13 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Sep 2011 11:39 am
nosé sin usar jscript

Por Silvestre_

391 de clabLevel

1 tutorial

 

"un simple aficionado", pero acepto propuestas de trabajo

firefox
Citar            
MensajeEscrito el 16 Sep 2011 05:49 pm

Silvestre_ escribió:

nosé sin usar jscript

Y como lo harias con javascript?

Por matiasnc

13 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Sep 2011 11:40 am

Código HTML :

<script>
function CambioDeBackgroundCSS{

    var cuadro=document.document.getElementById('cont2')
    cuadro.style.backgroundPosition=30px -20px; 

}
</script>


<div id=contenedor>
<div id=cont1 onMouseover="CambioDeBackgroundCSS"></div>
<div id=cont2></div>
</div> 


más o menos

Por Silvestre_

391 de clabLevel

1 tutorial

 

"un simple aficionado", pero acepto propuestas de trabajo

firefox
Citar            
MensajeEscrito el 23 Sep 2011 09:31 pm

Silvestre_ escribió:

Código HTML :

<script>
function CambioDeBackgroundCSS{

    var cuadro=document.document.getElementById('cont2')
    cuadro.style.backgroundPosition=30px -20px; 

}
</script>


<div id=contenedor>
<div id=cont1 onMouseover="CambioDeBackgroundCSS"></div>
<div id=cont2></div>
</div> 


más o menos

Muchas gracias! lo que no entiendo es.. que seria var "cuadro"?

Por matiasnc

13 de clabLevel



 

firefox
Citar            
MensajeEscrito el 24 Sep 2011 03:48 am
La variable de document.document.getElementById('cont2') para poderla aplicar el estilo style.backgroundPosition=30px -20px;

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

 

web dev wizzard

firefox
Citar            
MensajeEscrito el 24 Sep 2011 08:42 am
:P a ver a ver...

cometi un error al escribir:

var cuadro=document.document.getElementById('cont2')
cuadro.style.backgroundPosition=30px -20px;


en realidad es sin el primer document (el tachado)

var es una variable en este caso no es muy necesaria... pero siempre es bueno tener ess costumbres... también podrías escribir.

Código HTML :

document.getElementById('cont2').style.backgroundPosition=30px -20px;  


pero con la variable cuadro, puedes en algún caso variar algún parámetro más del estilo etc..

Código HTML :


cuadro.style.backgroundImage="url(stars.gif)"; 
cuadro.style.backgroundPosition=30px -20px;  
 

Por Silvestre_

391 de clabLevel

1 tutorial

 

"un simple aficionado", pero acepto propuestas de trabajo

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.