animate方法
标签对象的animate方法可以实现动画效果
使用方式
animate方法的使用格式
标签对象.animate(样式字典,持续时间豪秒,运动方式,回调函数匿名函数)
$(selector).animate(styles,speed,easing,callback)
详细参数:http://www.w3school.com.cn/jquery/effect_animate.asp
了解animate方法
效果,可以变长的效果,有动的效果
默认是缓冲的效果
试一试
同时设置宽度与高度的动
在字典中新加入高度的设置
试一试
先变宽再变高
利用回调函数
回调函数,是在animate动画执行结束后,被调用的一个函数。 写成匿名函数即可。
试一试,透明度最后变为0
回调函数中再来回调函数
试一试,把参数数值写成表达式的形式
例如 +=
快速度点击可能会出现的问题
使用stop来解决
滑动状态的切页效果
让内容DIV盒子全部显示出来
排成一排,向左浮动
用一个slider容器把它们装起来,设置容器的宽度为三个内容盒子的宽度
给slider绝对定位,座标0,0
给slider父容器cons相对定位
点切页被点击的时候,用animate方式修改坐标
防止bug的发生
消除蓝色框
outline:none