jQuery动画效果
1. jQuery中动画效果: 显示与隐藏的过程为动画效果
基本效果: show( )显示与hide( )隐藏
特别效果:toggle( )显示与隐藏来回切换。
参数(显隐时间,切换效果,执行完事件后调用的函数)
时间:默认是 "0"毫秒。可能的值:slow(600),normal,fast(200), 可以自定义。
切换效果:默认是"swing"(摇摆),可用参数"linear"(直线)
2. jQuery中的滑动效果: 逐渐
方法:slideDown()显示、slideUp()隐藏、slideToggle()显示与隐藏
参数(显隐时间,切换效果,执行完事件后调用的函数)
3. jQuery中淡入淡出的效果:
说明: 只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
方法: fadeOut()淡出-显-、fadeIn()淡入-隐-、fadeToggle()淡出与淡入、fadeTo()淡化到指定不透明度(0-1)
参数(显隐时间,切换效果,执行完事件后调用的函数)
4. jQuery中的自定义动画:
方法:animate()
参数:(需要改变的对象,显隐时间,切换效果,执行完事件后调用的函数)
参数1特别说明:
- 对象中包含的属性的属性值必须只能是数值不能为其他,但如果使用的是“hide”、“show”或“toggle”这样的字符串值,则 会为该属性调用默认的动画形式。
- 对象中的属性名必须采用驼峰写法,否则要加引号。
- 如果提供一个以+= 或 -=开始的值,那么目标值就是以这个属性的 当前值加上或者减去给定的数字来计算的
- 单位,属性值的单位像素(px),除非另有说明。单位em 和 %需要 指定使用