Question

我需要你的帮助。我查看了所有教程，但无法弄清楚我做错了什么。我希望蓝色方块淡出50％的不透明度。我已经尝试过fadeTo，但无论如何它都没有用。我需要做什么。我的错误在哪里？非常感谢你！

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){

   $("#divA").mouseover(function(){$("#divB").fadeTo('slow', 0.5, function());
   $("#divA").mouseout(function(){$("#divB").fadeTo('slow', 1, function());
  });
</script>
<style type="text/css">
  #divA { background:red; width:25px; height:25px; margin:50px }
  #divB { background:blue; width:200px; height:200px }
</style>
</head>
<body>
Hover over the red square to fadeout the blue one to 50% opacity.<br>
The blue square fades back in when your cursor leaves the red one.
<div id="divA"></div>
<div id="divB"></div>
</body>
</html>

Answer 1

javascript中存在一些语法错误。它缺少关闭括号和关闭parens。此外，没有必要进行空回调，缺少打开和关闭括号。

尝试：

  $(document).ready(function(){

      $("#divA").mouseover(function(){
          $("#divB").fadeTo('slow', 0.5);
      });

      $("#divA").mouseout(function(){
          $("#divB").fadeTo('slow', 1);
      });
  });

示例：http://jsfiddle.net/XnBQ6/

Answer 2

看起来你没有关闭你的功能。

$("#divA").mouseover(function(){
  $("#divB").fadeTo('slow', 0.5);

应该是：

$("#divA").mouseover(function(){
  $("#divB").fadeTo('slow', 0.5);
});

淡出到50％不起作用

2 个答案: