js中animate是什么意思

JavaScript06

js中animate是什么意思,第1张

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>

//你犯了一个超低级的错误,停止动画的时候出错了

if(top > 2 && top <nowHeight){

//设置滚动条高度为第一屏高度

ht.animate({"scrollTop":nowHeight},1000,function(){

ht.stop(true,true)

//修改这里就行了

})

}

参考这里:http://www.w3school.com.cn/jquery/jquery_stop.asp

使用jquery必须注意:jquery的事件、方法等等,都是建立在jquery对象的基础上的,也就是你调用任何的jquery事件或方法都必须$()以后才能使用。