在JQuery 中用fadeToggle()设置动画的持续时间
的例子展示了，你如何利用fadeToggle()设置渐变动画的持续时间。
?
<!DOCTYPE html><html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script></head><body> <div id="nav"> <input type="button" value="fadeToggle(1000) [ms]" onclick="$(para2).stop().fadeToggle(1000); // ms"/> <input type="button" value="fadeToggle('fast') [200ms]" onclick="$(para2).stop().fadeToggle('fast'); // 200ms"/> <input type="button" value="fadeToggle('slow') [600ms]" onclick="$(para2).stop().fadeToggle('slow'); // 600ms"/> </div> <p id="para1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus odio massa, vulputate sit amet auctor at, mollis at nisi.</p> <p id="para2">[fadeToggle]Fusce pretium, mauris nec euismod adipiscing, odio nibh aliquam turpis, vel dictum tortor leo eu libero. Mauris non feugiat risus.[/fadeToggle]</p> <p id="para3">Etiam luctus neque nec tortor mollis dignissim. Proin interdum laoreet risus in rhoncus. Praesent vel erat ligula, a auctor nulla.</p> </body></html>?