首页 > Web开发 > 详细

jQuery 参考手册 - 效果

时间:2014-02-09 15:54:23      阅读:376      评论:0      收藏:0      [点我收藏+]

(speed可选:规定动画的速度。默认是 "normal",可能的值:毫秒(比如 1500)"slow""normal""fast"

 

callback可选 :当前函数执行完之后,要执行的函数

animate()对被选元素应用“自定义”的动画

$(selector).animate(styles,speed,callback)

$(".btn1").click(function(){
  $("#box").animate({height:"300px"});
});

 

clearQueue()对被选元素移除所有排队的函数(仍未运行的)

$(selector).clearQueue(queueName)

$("#stop").click(function(){
  $("#box").clearQueue();
});//与 stop() 方法不同,(只适用于动画),clearQueue() 能够清除任何排队的函数

 

delay()对被选元素的所有排队函数(仍未运行)设置延迟

dequeue()运行被选元素的下一个排队函数

fadeIn()逐渐改变被选元素的不透明度,从隐藏到可见

$(selector).fadeIn(speed,callback)

$(".btn2").click(function(){
  $("p").fadeIn();//fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。
});

 

fadeOut()逐渐改变被选元素的不透明度,从可见到隐藏

$(selector).fadeOut(speed,callback)

$(".btn1").click(function(){
  $("p").fadeOut();//fadeOut() 方法使用淡出效果来隐藏被选元素,假如该元素正常显示的
});

 

fadeTo()把被选元素逐渐改变至给定的不透明度

$(selector).fadeTo(speed,opacity,callback)//opacity    必需。规定要淡入或淡出的透明度。必须是介于 0.00 与 1.00 之间的数字

$(".btn1").click(function(){
  $("p").fadeTo(1000,0.4);
});

 

hide()隐藏被选的元素

$(selector).hide(speed,callback)

 

queue()显示被选元素的排队函数

show()显示被选的元素

$(selector).show(speed,callback)

 

slideDown()通过调整高度来滑动显示被选元素

$(selector).slideDown(speed,callback)

$(".btn2").click(function(){
  $("p").slideDown();
});//效果相当于$("p").show("normal")

 

slideToggle()对被选元素进行滑动隐藏和滑动显示的切换

$(selector).slideUp(speed,callback)

$(".btn1").click(function(){
  $("p").slideToggle();
});//如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素

 

slideUp()通过调整高度来滑动隐藏被选元素 与slideDown()对应

stop()停止在被选元素上运行动画

$(selector).stop(stopAll,goToEnd)//stopAll可选。规定是否停止被选元素的所有加入队列的动画

goToEnd    
可选。规定是否允许完成当前的动画。
该参数只能在设置了 stopAll 参数时使用。(两个参数都为布尔值)

 

toggle()对被选元素进行隐藏和显示的切换

$(selector).toggle(speed,callback,switch)
switch可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素  如果设置此参数,则无法使用 speed 和 callback 参数

jQuery 参考手册 - 效果

原文:http://www.cnblogs.com/sdgjytu/p/3540884.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!