JQuery动画操作

<style>
        div{
            height: 200px;
            width: 200px;
            background: #3bffaa;
            position: relative;
            top: 0;
            left: 0;
        }
    </style>
    <script src="jquery-1.12.2.min.js"></script>
</head>
<body>
<button class="donghua">动画</button>
<div></div>
<script>
    $(".donghua").click(function(){
        $("div").animate({left:"500px"},2000);
        $("div").animate({top:"50px"},2000);
        $("div").animate({opacity:"0.3"},2000);

    })
</script>

posted on 2017-03-21 21:56 夏尔·凡多姆海恩阅读(72) 评论(0) 编辑收藏举报