1. 程式人生 > >jquery論三種動畫停止的區別

jquery論三種動畫停止的區別

on() borde width fonts bsp style font 三種 ane

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="../js/jquery-1.9.0.min.js" ></script>
        <script>
        $(document).ready(function(){
            $(".start").click(function(){
                $(
"div").animate({width:100px},3000); $("div").animate({fontSize:3em},3000); }); $(".stop1").click(function(){ $("div").stop();//僅僅停止第一個動作 }); $(".stop2").click(function(){ $("div").stop(true);//真的停止了所有的動作 }); $(
".stop3").click(function(){ $("div").stop(true,true);//真的停止了所有的動作並且真的一瞬間完成了第一個的動作 }); }) </script> <title>jQuery三種動畫停止</title> <style type="text/css"> #panel { padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px #c3c3c3; padding:50px; }
</style> </head> <body> <button class="start">開始</button> <button class="stop1">停止</button> <button class="stop2">停止所有</button> <button class="stop3">停止所有並完成</button> <div id="panel">Hello world!</div> </body> </html>

jquery論三種動畫停止的區別