在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>

 

你可能感兴趣的:(jquery,html5)