jQuery知识点回顾 动画
来源:互联网 发布:进销存软件英文版 编辑:程序博客网 时间:2024/05/22 00:11
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 并且不支持颜色的渐变
5jquery鼠标事件
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(父级元素必须要有定位,相对于父级元素取值)
- jQuery知识点回顾 动画
- JQuery常用简单动画回顾
- 知识点回顾
- 知识点回顾
- 知识点回顾
- 知识点回顾
- Jquery基础知识点及个别动画效果
- jQuery动画与特效--jQuery基础知识点(4)
- JQuery回顾
- Jquery 回顾
- Android群英传知识点回顾——第七章:Android动画机制与使用技巧
- 面试知识点回顾
- 汇编语言 知识点回顾
- java 知识点回顾
- c++知识点回顾
- java 知识点回顾2
- C++ 基本知识点回顾
- servlet知识点回顾
- 原码,补码,反码
- 安卓样本下载网站
- HTTP协议漫谈
- 最小的k个数
- linux环境下上传java项目
- jQuery知识点回顾 动画
- NDK 编译armv8
- 发现并解决linux高I/O Wait问题 – 如何发现linux中引起高io等待的进程
- Java中关于Map经常使用的方法
- 嵌入式系统的知识体系、学习误区及学习建议
- JAVA设计模式(二十三)----策略模式
- 剑指Offer—55—链表中环的入口节点
- Oracle监听的静态注册和动态注册
- redis事件监听及在订单系统中的使用