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