jQUery动画

(1)几乎所有的CSS属性都可以做成动画效果
(2)如果是复合属性:一定要使用驼峰原则,比如font-size 写成fontSize
(3)修改的动画效果使用json对象传递, 速度, 回调函数
(4)部分属性可以使用hide show toggle实现效果

animate有生气 活跃起来动画
//params 参数 json对象

 

清除动画

$().stop(stopAll, goToEnd)
 stopAll:是否清除元素的动画队列
goToEnd:是否将立即执行完当前动画默认是false

function f6(){
$('div').stop(true,false)
}

 

显示  隐藏

//show hide 显示和隐藏的动画效果 几个div逐个出来
//slow 对应的是600毫秒 慢速
// normal 对应400 正常
// fast 对应200 快速

show和hide 宽高透明度

可以传参数,设置动画速度(时间值)不传值的时候是直接显示和隐藏  传值之后是改变宽高 透明度  时间显示毫秒

//show和hide
// 可以传参数,设置动画速度.show(速度,回调函数)不传值的时候是直接显示和隐藏 传值之后是改变宽高 透明度 时间显示毫秒

 

隐藏==display属性为none
$('#box').hide(1000);

 

 

显示隐藏的开关效果

.toggle(speed,回调函数)

 

 

 

淡入淡出  效果

只修改透明度不改变大小

$(selector).fadeIn(speed,callback)用于淡入已隐藏元素

$(selector).fadeOut(speed,callback) 用于淡出可见元素  

$(selector).fadeToggle(speed,callback)在淡入与淡出之间切换

$(selector).fadeTo(speed,opacity,callback)渐变到给定的透明度

 

版本中支出颜色的变化不能执行 从一个颜色变换到另外一个颜色  

只能执行数值上的变化  例如宽高透明度  多种方法可以配合使用

开关效果  完成后直接添加display=none的行内样式

 

 

 

向上滑动 向下滑动

 

 自定义动画

json对象传递

如果想要实现运动的位移动画 那就必须配合使用自定义动画并且结合css的定位功能

首先要吧css的position设置成relative fixed absolute

.animate(速度,回调函数)     动画    必须使用驼峰表示