jQuery:自定义动画

68 阅读1分钟
 <div>1111111</div>
    <button>123</button>
    <script src="./jquery-1.12.4.js"></script>
    <script>
        /* $(selector). animate({params},speed,callback)
 */
        // let params1 = {
        //     left:'200px',
        //     top:'300px'
        // }
        // let params2 = {
        //     left:'400px',
        //     top:'50px'
        // }
        // let params3 = {
        //     left:'600px',
        //     top:'300px'
        // }
        function ani() {
            // $('div').animate(params1, 'slow', function () {
            //     // $('div').css("background", "red")
            //     $('div').animate(params2,'slow',function(){
            //         $('div').animate(params3,'slow')
            //     })
            // })
            $('div').animate({color:'red'},'slow')
        }
        $('button').click(function () {
            ani();
        })

    </script>