animate动画基础

最新推荐文章于 2021-08-04 00:35:36 发布

weixin_30734435

最新推荐文章于 2021-08-04 00:35:36 发布

阅读量311

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Ace-suiyuan008/p/9280032.html

定义：

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

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

2、只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。

3、注释：使用 "+=" 或 "-=" 来创建相对动画（relative animations）。

简单小实例：

//图片动画效果
function addEvent_3(){
    third_imgDos.mouseover(function(){
        $(this).stop().animate({
             top:'-10px'
        },'fast');//上移10px
    }).mouseout(function(){
        $(this).stop().animate({
            top:'0px'//复原
        },'fast');
    });
}