文档分值:3

jquery >>> jquery >>> 效果

课程目录

基础入门
选择器
事件
效果
DOM操作
遍历
Ajax
常用效果

常用效果

统一参数说明

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒
可选的 callback 参数是动画完成后所执行的函数名称

隐藏/显示

  • hide() 隐藏 HTML 元素
$(selector).hide(speed,callback);
  • show() 显示 HTML 元素
$(selector).show(speed,callback);
  • toggle() 切换隐藏/显示 HTML 元素
$(selector).toggle(speed,callback);

淡入淡出

  • fadeIn() 淡入已隐藏的元素
$(selector).fadeIn(speed,callback);
  • fadeOut() 淡出可见元素
$(selector).fadeOut(speed,callback);
  • fadeToggle() 切换淡入/淡出
$(selector).fadeToggle(speed,callback);
  • fadeTo() 允许渐变为给定的不透明度(值介于 0 与 1 之间)
$(selector).fadeTo(speed,opacity,callback);

参数说明

必需的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒
必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)
可选的 callback 参数是该函数完成后所执行的函数名称

滑动

  • slideDown() 向下滑动元素
$(selector).slideDown(speed,callback);
  • slideUp() 向上滑动元素
$(selector).slideUp(speed,callback);
  • slideToggle() 切换向上/向下滑动元素
$(selector).slideToggle(speed,callback);

动画

  • animate() 创建自定义动画
$(selector).animate({params},speed,callback);

参数说明:

必需的 params 参数定义形成动画的 CSS 属性

停止

  • stop() 停止动画或效果
$(selector).stop(stopAll,goToEnd);

参数说明

可选的 stopAll 参数规定是否应该清除动画队列.默认是 false.
可选的 goToEnd 参数规定是否立即完成当前动画.默认是 false.

[ 该条目创建时间:2016-06-30 11:13:16 ]