jQuery自定义动画

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

            $(function(){

                $(".btn1").click(function(){

                    $(".box1").animate({'left':'100px','width':'','opacity':'toggle'});

                });

                $(".btn2").click(function(){

                    $(".box1").animate({"left":"0px",'width':'','opacity':'toggle'});

                });

                $(".btn3").click(function(){

                    $('.box1').animate({'top':'+=200px','opacity':'0.5'},function(){

                        alert("s");

                    })

                });

                $(".btn4").click(function(){

                    $('.box1').animate({'opacity':'0.5','top':'+=200px'},{

                          step:function(now,fx){

                                  $('div').css('left',now);

                                  console.log(now);

                              }

                    })

                });

            });