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属性帮助

回答

相关问题