Question

我正在使用此脚本我想mouseover一个菜单项和更改背景颜色，并且还会在2000年更改另一个div的颜色。任何人都可以帮助？提前谢谢。

$(document).ready(function() {
    $(".block-menu").mouseover(function() {
        $(this).css({'background-color' : '#97D8E6'}).mouseout(function(){
            $(this).css({'background-color' : '#43BDCB'});
        }); 
        $(".sections1").css({'background-color' : '#97D8E6'}).mouseout(function(){
            $(this).css({'background-color' : '#43BDCB'});
        });     
    });
});

Answer 1

至（2000ms） .animate()元素的背景，您需要 jQuery UI 或动态切换使用CSS3的类（使用jQuery）{ {1}} - 为了应用你喜欢的淡入淡出背景转换：

transition

$(document).ready(function() {

  $(".block-menu").hover(function() {
    $(this).toggleClass("jQhover");
    // $(".sections1").toggleClass("someClass");
  });

});

.block-menu{
  height:200px;
  background: #43BDCB;
  transition: background 2s; /* or use: 2000ms */
}
.block-menu.jQhover{ /* This classs is toggled by jQuery on hover */
  background: #97D8E6;
}

以上使用jQuery只是因为我想你想用<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="block-menu">HOVER ME to animate my BG to a lighter color</div>做一些事情，因为在CSS中你只能定位子元素或下一个兄弟姐妹......否则，你可以简单地使用CSS：

$(".sections1")

没有jQuery。

改变颜色ov两个div

1 个答案: