Question

<script type="text/javascript">
$(document).ready(function(){
  $('#logo').mouseenter(function() {
    $('#logo').fadeTo("fast",0.3);
  });

  $('#logo').mouseleave(function() {
    $('#logo').fadeTo("fast",1)
  });
});
</script>

我用它来改变图像的不透明度，同时用光标悬停在图像上，但这不会发生。：（

Answer 1

你不需要jQuery，你可以使用CSS：

示例HTML - 您需要具有ID logo。

<img id="logo" src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Example.svg/200px-Example.svg.png" />

CSS

#logo {
    opacity: 1;
    filter:alpha(opacity=100);
    transition: opacity 0.2s linear 0s;
    -webkit-transition: opacity 0.2s linear 0s;
}

#logo:hover {
    opacity: 0.3;
    filter:alpha(opacity=30);
    transition: opacity 0.2s linear 0s;
    -webkit-transition: opacity 0.2s linear 0s;
}

http://jsfiddle.net/pFEdL/2/

Answer 2

您的图片的HTML是什么样的？它嵌入在其他div中吗？

SO: Jquery mouseenter() vs mouseover()

正如上面问题中的gilly3所述，“每次鼠标进入或离开子元素时，都会触发鼠标悬停，但不会触发鼠标中心”。

如何更改图像的不透明度？

2 个答案: