js animate 框架怎么用

JavaScript010

js animate 框架怎么用,第1张

利用JQUERY的animate动画效果实现

比如一个DIV用1秒时间向左滑动100像素就是

$("div").animate({left:"100px"},1000)

就可以OK.

js中的animate() 方法执行 CSS 属性集的自定义动画。

该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

<img src="images/busi_bg_1.png" id="gohuojian" style="width:100pxheight:50pxposition:absolutetop:10pxright:-100px">

<script>

    $(function(){

        $('#huojian').click(function(){

            $('#gohuojian').animate({right:'1250px'},5000,

                function(){$('#gohuojian').attr({"style":"width:100pxheight:50pxposition:absolutetop:10pxright:-100px"})})

        })

    })

</script>