再也不要说,jquery动画呆板了
2015-07-31 15:17
543 查看
1 show()方法和hide()方法
$("selector").show()
从display:none还原元素默认或已设置的display属性
$("selector").hide()
设置元素的display样式为none,等于$("selector").css("display","none")
(注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)
2 fadeIn()方法和fadeOut()方法
$("selector").fadeIn()
控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut()
控制透明度在指定时间内降低至display:none;
3 slideUp()方法和slideDown()方法
$("selector").slideUp()
控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown()
控制元素高度在指定时间内从display:none延伸至完整高度
4 自定义动画方法animate()
$("selector").animate(params,speed,callback);
params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2",...}
speed:速度参数,可选
callback:在动画完成时执行的参数(即回调函数),可选
$("selector").show()
从display:none还原元素默认或已设置的display属性
$("selector").hide()
设置元素的display样式为none,等于$("selector").css("display","none")
(注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)
2 fadeIn()方法和fadeOut()方法
$("selector").fadeIn()
控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut()
控制透明度在指定时间内降低至display:none;
3 slideUp()方法和slideDown()方法
$("selector").slideUp()
控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown()
控制元素高度在指定时间内从display:none延伸至完整高度
4 自定义动画方法animate()
$("selector").animate(params,speed,callback);
params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2",...}
speed:速度参数,可选
callback:在动画完成时执行的参数(即回调函数),可选
相关文章推荐
- JQuery的ajax登录案例
- jQuery插件开发精品教程,让你的jQuery提升一个台阶
- phpcms取编译器内容,设置表的字体样式,用jquery去掉表格自带样式
- 基于jQuery+HTML5页面整屏滑动切换代码
- jquery-tips悬浮提示插件分享
- [JQuery学习笔记]——之一
- jquery.autocomplete.js的简单使用
- JQuery实战——可以编辑的表格
- JQuery的AJAX封装加例子
- jquery dragsort table实现拖拽排序
- JQuery判断radio单选框是否选中
- Jquery(2.1) 对checkbox的操作(全选,反选,单个操作)
- 用jQuery Mobile做HTML5移动应用的三个优缺点
- jQuery处理UI 标签
- Jquery时间倒数
- jQuery插件 粘贴事件
- 超简单jquery tab切换
- jquery实现手机号码选号的方法
- 【Ajax技术】JQuery的应用与高级调试技巧
- jquery中ul > li是什么意思?