Sono nuovo di jQuery e sto cercando uno script semplice (o forse c'è un metodo più semplice) in cui se un utente passa sopra un elemento, la proprietà css di un altro elemento cambia.jquery hover/change css property help
Per esempio, passaggio del mouse sopra questa immagine e "border-bottom" su un altro elemento cambia colore o qualcosa del genere, ecc grazie
Cosa hai provato finora?
Questo è il jQuery documentation on hover. Fondamentalmente, fornire un selettore all'oggetto su cui si desidera passare con il mouse (e lasciare, se non si desidera un effetto permanente). Quindi, all'interno della funzione dell'evento, seleziona l'oggetto che desideri modificare e aggiorna il suo CSS settings. (Oppure, se hai una classe scritta per questo, .)
Se vuoi aggiungere del codice che hai provato a scrivere (aggiorna il tuo post), sarei più che felice di aiutarti con esso.
utilizzare la proprietà hover
$('#elementA').hover(function(){
$('#elementB').addClass('active');
},function(){
$('#elementB').removeClass('active');
});
poi lo stile della classe attiva nel CSS
Spero che questo aiuti.
<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>
... insegnare a un uomo a pescare ... – JasCav
Ora ha sia la documentazione che un esempio? –
Buon punto. (Non stavo cercando di insultarti ... mi piace quando le persone imparano perché stanno facendo quello che stanno facendo ... lo sai?) – JasCav