Je suis nouveau sur jQuery et je cherche un script simple (ou peut-être une méthode plus simple) où si un utilisateur survole un élément, la propriété css d'un autre élément change.jquery hover/change css propriété aide
Par exemple, vol stationnaire sur cette image et « border-bottom » sur un autre élément change de couleur ou quelque chose, etc. grâce
Qu'avez-vous essayé jusqu'à présent? Il s'agit du jQuery documentation on hover. Fondamentalement, fournir un sélecteur à l'objet que vous voulez survoler (et laisser, si vous ne voulez pas un effet permanent). Ensuite, à l'intérieur de la fonction de l'événement, sélectionnez l'objet que vous souhaitez modifier et mettez à jour son CSS settings. (Ou, si vous avez écrit une classe pour cela, update to the new class.)
Si vous voulez ajouter du code que vous avez essayé d'écrire (mettre à jour votre message), je serais plus qu'heureux de vous aider.
utiliser la propriété hover
$('#elementA').hover(function(){
$('#elementB').addClass('active');
},function(){
$('#elementB').removeClass('active');
});
puis le style de la classe active dans votre css
Hope this helps.
<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>
... apprendre à un homme à pêcher ... – JasCav
Maintenant, il a à la fois la documentation et un exemple? –
Bon point. (N'essayait pas de t'insulter ... j'aime juste quand les gens apprennent pourquoi ils font ce qu'ils font ... tu sais?) – JasCav