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 に答える