当前位置: 代码迷 >> Web前端 >> jquery基础函数用法六
  详细解决方案

jquery基础函数用法六

热度:102   发布时间:2012-10-19 16:53:36.0
jquery基础函数用法6
71. hide(),hide(speed, callback).前者是把element隐藏用的是display:none的样式。后者是把element的长,宽,以及透明度都改变。callback表示动画完成后调用的函数。speed表示速度.

eg: 1. <p>Hello</p>

$("p").hide() ==>> [ <p style="display: none">Hello</p> ]

2.$("p").hide("slow",function(){alert("Animation Done.");}); //动画隐藏

72. animate(params, speed, easing, callback)动画特效.

params:是动画的设置,用来表示动画的展现以及结束,

speed:动画的速率可以是("slow","normal",or "fast")也可以是毫秒数.eg: 1000

easing:默认是'linear',如想用其它参数,就要添加jQuery的特效插件.

callback: 当动画完成时的调用的函数.

eg:

1. $("p").animate({ height: 'toggle', opacity: 'toggle' }, "slow");

2. $("p").animate({ left: 50, opacity: 'show' }, 500);

3. $("p").animate({ opacity: 'show'}, "slow", "easein");

73. fadeIn(speed, callback),fadeOut(speed, callback),fadeTo(speed, opacity, callback)淡入,淡出效果,speed表示速度,可以用"slow,normal,fast"代替,也可以直接写毫秒数. callback表示淡入,淡出后的调用的函数.fadeTo表示淡入到某个透明度。opacity (Number):取值范围就0-1

eg:

$("p").fadeTo("slow", 0.5, function(){
  alert("Animation Done.");
});



74. show(),show(speed, callback)这两个方法与前两个方法的行为相反。

eg: 1. <p style="display: none">Hello</p>

$("p").show() ==>> [ <p style="display: block">Hello</p> ]

2. $("p").show("slow",function(){  alert("Animation Done.");}); //动画展现

75.slideDown(speed, callback),slideUp(speed, callback),slideToggle(speed, callback)slideDown是高度从0慢慢增加,slideUp是高度慢慢减小到0。slideToggle表示一个相反的状态。如果当前状态是slideDown后的状态,那么执行slideToggle与运行slideUp一样。如果当前状态是slideUp后的状态,那么执行slideToggle与运行slideDown一样

76. toggle(),如果element是hide状态则show之。如果当前状态是show状态,则hide之.

eg: <p>Hello</p><p style="display: none">Hello Again</p>

$("p").toggle() ==> [ <p style="display: none">Hello</p>, <p style="display: block">Hello Again</p> ]
  相关解决方案