jQuery知识点回顾 动画jquery

/ / 2017-09-30   阅读:2497
1.基本动画效果 show([speed,[easing],[fn]]):显示选择的元素 hide([speed,[easing],[fn]]):隐藏选择的元素 toggle([speed,[easing],[fn]]):切换选择的元素 (speed表示速度;  esaing 表示动画效果两个...
1.基本动画效果
show([speed,[easing],[fn]]):显示选择的元素
hide([speed,[easing],[fn]]):隐藏选择的元素
toggle([speed,[easing],[fn]]):切换选择的元素
(speed表示速度;  esaing 表示动画效果两个默认值 linear:线性的 swing旋转   ;fn 表示回调函数)

2.滑动效果
slideDown([speed,[easing],[fn]]):向下滑动展示元素
slideUp([speed,[easing],[fn]]):向上滑动隐藏元素
slideToggle([speed,[easing],[fn]]):通过滑动方式展示和隐藏元素

3.淡入淡出效果
fadeIn([[speed],[easing],[fn]]):通过设置透明度方式对指定元素淡入效果实现
fadeOut([[speed],[easing],[fn]]):通过设置透明度方式对指定元素淡出效果实现
fadeTo([[speed],opacity,[easing],[fn]]):把指定元素的透明度值,设置到指定的值
fadeToggle([[speed],[easing],[fn]]):切换指定元素的淡入淡出效果


4.自定义动画

animate(params,[speed],[easing],[fn])
params:需要变化的一组属性集合,格式JSON
注意:属性名必须要驼峰式,如:marginLeft替换margin-left  并且不支持颜色的渐变

5.jquery鼠标事件
1
offset()方法取值:获取当前元素的left和top值:
$("").offset().left
 
$("").offset().top
获取相对于窗口的left和top值
2

offset()方法设值
offset({left:值,top:值}) 
只要给元素设置了offset,则当前元素自动设置为了relative)

3
postion()方法取值:获取当前元素的left和top值

$("").postion().left

$("").postion().top(父级元素必须要有定位,相对于父级元素取值)

我要评论

昵称:
验证码:

最新评论

共0条 共0页 10条/页 首页 上一页 下一页 尾页
意见反馈