淡出到50％不起作用

我需要你的幫助。我查看了所有的教程，但無法弄清楚我做錯了什麼。我希望藍色方塊淡出50％的不透明度。我已經嘗試過使用fadeTo，但無論使用什麼命令，它都不起作用。我需要做什麼。我的錯誤在哪裏？非常感謝！淡出到50％不起作用

<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>

來源

2012-12-08 user1886938

你缺乏一個右括號。 – mddw

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-08 00:31:44

謝謝！你救了我的一天！ – user1886938

@ user1886938很高興我可以幫忙。 –

看起來你不關閉你的功能。

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

應該是：

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

來源

2012-12-08 00:33:59 Timbadu

淡出到50％不起作用

回答

相關問題