jquery动画

jQuery 动画 - animate() 方法

jQuery animate() 方法用于创建自定义动画。

语法：

$(selector).animate({params},speed,callback);

必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

第一种实现方式

html代码

<div id="dictionary">
                内容
         <div id="contain" width="200px"height="300px" style="background-color: red"> <p>abudjkljljlj</p></div>
      </div>
    </div>

jquery代码

============

 $('#dictionary').click(function(){//点击的是内容
            $('#contain').animate(
                {
                    left: '250px',
                    opacity: '0.5',
                    height: '150px',
                    width: '150px',
                    color:'red'
                }
            );