Soy nuevo en jQuery y estoy buscando un script simple (o tal vez hay un método más simple) donde si un usuario se desplaza sobre un elemento, la propiedad css de otro elemento cambia.jquery hover/change css property help
Por ejemplo, ciernen sobre esta imagen y "border-bottom" en otro elemento cambia de color o algo, etc. gracias
¿Qué has intentado hasta ahora?
Aquí está el jQuery documentation on hover. Básicamente, proporcione un selector al objeto sobre el que desea pasar el cursor (y salga, si no desea un efecto permanente). Luego, dentro de la función del evento, seleccione el objeto que desea cambiar y actualice su CSS settings. (O, si tiene una clase escrita, update to the new class.)
Si desea agregar algún código que haya intentado escribir (actualice su publicación), con mucho gusto lo ayudaré con ello.
utilizar la propiedad activable
$('#elementA').hover(function(){
$('#elementB').addClass('active');
},function(){
$('#elementB').removeClass('active');
});
continuación, el estilo de la clase activa en el CSS
Espero que esto ayude.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
$("#test").hover(function()
{
$("#test2").css("background-color", "blue");
}, function()
{
$("#test2").css("background-color", "green");
});
});
</script>
</head>
<body>
<div id="test" style="border:solid 1px black;" >
Hover Over Me
</div>
<br />
<div id="test2" style="background-color:green;">
Test2
</div>
</body>
</html>
... enseñar a un hombre a pescar ... – JasCav
¿Ahora tiene la documentación y un ejemplo? –
Buen punto. (No estaba tratando de insultarlo ... solo me gusta cuando la gente aprende por qué están haciendo lo que están haciendo ... ¿sabes?) – JasCav