GitHub 博客园 Nanakon

-_-#【jQuery】

animate + +=

<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        *{margin:0;padding:0}
        div{position:absolute;top:100px;left:0;width:100px;height:100px;background:#f00}
    </style>
</head>
<body>
    <div></div>
    <a href="javascript:void(0)">+</a>
    <a href="javascript:void(0)">+=</a>
    <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js"></script>
    <script>
        $(function(){    
            $('a:eq(0)').click(function(){
                if(!$('div').is(':animated')){
                    $('div').animate({left : '+100px'}, 1000);
                }        
            });
            $('a:eq(1)').click(function(){
                if(!$('div').is(':animated')){
                    $('div').animate({left : '+=100px'}, 1000);
                }
            });
        })
    </script>
</body>
</html>

trigger

posted on 2012-05-10 10:46  jzm17173  阅读(139)  评论(0编辑  收藏  举报

导航

轻音