jquery懸停/更改css屬性幫助

我是新來的jQuery和我正在尋找一個簡單的腳本（或者有一個更簡單的方法），如果用戶懸停在一個元素，另一個元素的CSS屬性更改。jquery懸停/更改css屬性幫助

例如，將鼠標懸停在該圖像和「下邊框」另一元件上，改變顏色或東西等感謝

2010-08-02 Mike

你嘗試過這麼遠嗎？

這是jQuery documentation on hover。基本上，爲要懸停的對象提供一個選擇器（如果不想要永久效果，請離開）。然後，在事件功能中，選擇要更改的對象並更新其CSS settings。（或者，如果你有一門課，update to the new class。）

如果你想添加一些你已經嘗試寫的代碼（更新你的文章），我將非常樂意爲你提供幫助。

來源

2010-08-02 19:20:25 JasCav

使用懸停性能

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

然後風格的主動類在你的CSS

來源

2010-08-02 19:21:09

......教一個男人去釣魚... – JasCav 2010-08-02 19:21:48

現在他既有文檔又有例子嗎？ – 2010-08-02 19:24:26

好點。（沒有試圖侮辱你...我只是喜歡當人們知道他們爲什麼要做他們正在做的事情...你知道嗎？） – JasCav 2010-08-02 19:26:04

希望這有助於。

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

來源

2010-08-02 19:24:42

jquery懸停/更改css屬性幫助

回答

相關問題