3

プロトタイプを使用してページの div をフェードアウトする必要があります。プロトタイプでjqueryコードに続いてフェードアウトするにはどうすればよいですか?

$('.exercise-main .content .loading-failure').fadeOut(function(){

    //my code

}
4

1 に答える 1

4

フェード効果を実現するには、 script.aculo.us (素晴らしいプロトタイプ.js への優れたアドオン)を使用する必要があると思います。

基本構文

new Effect.Fade('id_of_element', [オプション]);

 また

new Effect.Fade(要素, [オプション]);

完全なコード。

<html>
<頭>
<title>script.aculo.us の例</title>

   <script type="text/javascript"
   src="/javascript/prototype.js"></script>
   <script type="text/javascript"
   src="/javascript/scriptaculous.js?load=effects"></script>
   <script type="text/javascript">

   関数FadeEffect（要素）{
       new Effect.Fade(要素、
       {期間:1});
   }
   関数ShowEffect（要素）{
       new Effect.Appear(要素、
       {duration:1, from:1.0, to:1.0});
   }

   </script>
</head>
<本体>
<div onclick="FadeEffect('hideshow')">
    画像をフェードアウトするには、私をクリックしてください
</div>
<br />
<div onclick="ShowEffect('hideshow')">
    もう一度画像を表示するには、私をクリックしてください
</div>
<br />
<div id="hideshow">
    <img src="/images/scriptaculous.gif" alt="script.aculo.us" />
</div>

</body>
</html>

チュートリアルのリンク - http://www.tutorialspoint.com/script.aculo.us/scriptaculous_fade_effect.htm

私自身、prototype.js とこのアドオンを非常に頻繁に使用しているため、何か問題が発生した場合に備えて、お気軽にコメントしてください.. :-)

于 2012-05-29T13:38:17.100 に答える