2010-08-02 19 views
6

Jestem nowy w jQuery i szukam prostego skryptu (a może jest prostsza metoda), w którym jeśli użytkownik unosi się nad elementem, zmienia się właściwość css innego elementu.jquery hover/change css property help

Na przykład unoszą się nad tym obrazem i „border-bottom” na inny element zmienia kolor lub coś, itp dzięki

Odpowiedz

6

Co próbowałeś do tej pory?

Oto jQuery documentation on hover. Zasadniczo, podaj selektor obiektu, na którym chcesz zawisnąć (i odejdź, jeśli nie chcesz mieć stałego efektu). Następnie wewnątrz funkcji zdarzenia wybierz obiekt, który chcesz zmienić i zaktualizuj jego numer CSS settings. (Lub, jeśli masz klasę do napisania, update to the new class.)

Jeśli chcesz dodać kod, który próbujesz napisać (zaktualizuj swój wpis), byłbym bardziej niż szczęśliwy mogąc ci w tym pomóc.

13

użyć właściwości najechania

$('#elementA').hover(function(){ 
    $('#elementB').addClass('active'); 
},function(){ 
    $('#elementB').removeClass('active'); 
}); 

następnie styl aktywnej klasy w css

+2

... nauczyć człowieka łowić ryby ... – JasCav

+3

Teraz ma zarówno dokumentację, jak i przykład? –

+0

Dobra uwaga. (Nie próbowałem cię obrazić ... Po prostu lubię, gdy ludzie dowiadują się, dlaczego robią to, co robią ... no wiesz?) – JasCav

2

nadzieję, że to pomaga.

<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>