Jquery 淡出到50%不起作用_Jquery

Jquery 淡出到50%不起作用

jquery

Jquery 淡出到50%不起作用,jquery,Jquery,我需要你的帮助。我看了所有的教程，但不知道我做错了什么。我希望蓝色的方块被淡出到50%的不透明度。我已经试过使用fadeTo，但无论出于什么原因，它都不起作用。我需要做什么。我的错在哪里？非常感谢你 <script type="text/javascript" src="jquery-1.8.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){

我需要你的帮助。我看了所有的教程，但不知道我做错了什么。我希望蓝色的方块被淡出到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>


$（文档）.ready（函数（）{
$（“#divA”）.mouseover（function（）{$（“#divB”）.fadeTo（'slow'，0.5，function（））；
$（“#divA”）.mouseout（function（）{$（“#divB”）.fadeTo（'slow'，1，function（））；
});
#divA{背景：红色；宽度：25px；高度：25px；边距：50px}
#divB{背景：蓝色；宽度：200px；高度：200px}
将鼠标悬停在红方块上，将蓝色方块淡出至50%不透明度。

当光标离开红色方块时，蓝色方块会淡入。

javascript中有一些语法错误。它缺少右大括号和右大括号。而且不需要空回调，因为它缺少左大括号和右大括号

尝试：

示例：

javascript中有一些语法错误。它缺少右大括号和右大括号。而且不需要空回调，因为它缺少左大括号和右大括号

尝试：

示例：

看起来您没有关闭函数

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

应该是：

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

看起来你没有关闭你的函数

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

应该是：

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

您缺少结束括号。您缺少结束括号。@user1886938很高兴我能帮忙。@user1886938很高兴我能帮忙。