2012-01-13 15 views
0

w3schools - Hide paragraphのコードを変更して、表示するボタンが6秒間表示されるようにしました。テキストが隠された後に再表示されるのに約3秒かかりますが、これには理由がありますか?ここに私の修正コードがある(ちょうどW3Schoolsの上の「隠す段落」URLにこのコードを貼り付け):テキストが表示されなくなってから表示が遅くなる

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $("p").hide(3000); 
    }); 
    $("#show").click(function(){ 
    $("p").show(6000); 
    }); 
}); 
</script> 
</head> 
<body> 
<button id = "hide">Hide</button> 
<button id = "show">Show</button> 
<p>This is a paragraph with little content.</p> 
<p>This is another small paragraph.</p> 
</body> 
</html> 
+0

作品罰金をスピードアップしています。 http://jsfiddle.net/vWLv3/ –

+1

私は質問がなぜそれほど長くかかっているかについての質問だと思う。 – hvgotcodes

答えて

1

私はあなたが使用するイージングに関連していると思います。試す

$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $("p").hide(3000); 
    }); 
    $("#show").click(function(){ 
    $("p").show(6000, 'linear'); 
    }); 
}); 

ここhttp://jsfiddle.net/HhubD/

あなたは)(docショーで読ん緩和パラメータ

のjQuery 1.4.3のよう
.show([duration] [, easing] [, callback]) 

を持っているように、オプションの文字列が命名フィドルイージング機能は とすることができます。イージング関数は、アニメーション内の異なる点でアニメーションが進行する速度を指定します。 jQueryライブラリの の実装は、スイングと呼ばれるデフォルトの と、一定のペースで進行する、リニアと呼ばれるものです。プラグインを使用して 関数を利用できるようになりました。特に、 jQuery UIスイートが便利です。

おそらくウィッヒを緩和する「スイングは、」デフォルトの冒頭に遅いですし、それが私のために

-1

それが原因hideshow引数に30006000引数のです。アニメーションがどれくらい持続するかをメソッドに伝えます。値を低くしてみてください。 1000 = 1秒。

+1

彼の質問に対する答えではない。彼はshowメソッドに6000を設定し、彼はなぜそれを再び表示するのに3秒かかりますかと尋ねました! –

+0

@ EvilPそれはイージングその最初のfuntionを遅くする –

+0

exuse私は何を言うつもりですか? –