1

我需要你的帮助。我查看了所有教程,但无法弄清楚我做错了什么。我希望蓝色方块淡出到 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>
4

2 回答 2

1

javascript 中有一些语法错误。它缺少右括号和右括号。也不需要空的回调,它缺少左大括号和右大括号。

尝试:

  $(document).ready(function(){

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

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

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

于 2012-12-08T00:31:44.187 回答
0

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

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

应该:

$("#divA").mouseover(function(){
  $("#divB").fadeTo('slow', 0.5);
});
于 2012-12-08T00:33:59.867 回答