jQuery使用手册(13)

jQuery使用手册,让你彻彻底底的学会使用jquery。

toggle() toggle(speed)

如果当前匹配对象隐藏，则显示他们，如果当前是显示的，就隐藏，toggle(speed),其大小（长宽）和透明度都随之逐渐变 化。

<img src="1.jpg" style="width:150px"/>

<a href="#" onClick='$("img").toggle("slow")'>jQuery</a>

fadeIn(speeds) fadeOut(speeds)

根据速度调整透明度来显示或隐藏匹配对象，注意有别于hide(speed)和show(speed)，fadeIn和 fadeOut都只调整透明度，不调整大小 <img src="1.jpg" style="display:none"/><a href="#" onClick='$("img ").fadeIn("slow")'> jQuery </a>

点击连接后可以看到图片逐渐显示。

fadeIn(speed, callback) fadeOut(speed, callback)

callback为函数，先通过调整透明度来显示或隐藏匹配对象，当调整结束后执行callback函数 <img src="1.jpg"/>

<a href="#" onClick='$("img ").fadeIn("slow",function(){ alert("Animation Done."); })'> jQuery </a>

点击连接后可以看到图片逐渐显示,显示完全后弹出对话框

fadeTo(speed, opacity, callback)

将匹配对象以speed速度调整倒透明度opacity，然后执行函数callback。Opacity为最终显示的透明度 (0-1). <img src="1.jpg"/><br>

<a href="#" onClick='$("img ").fadeTo("slow",0.55,function(){ alert("Animation Done."); })'> jQuery </a>

大家可以看一下自己看看效果，如果不用jQuery，编写原始javascript脚本可能很多代码！

slideDown(speeds)

将匹配对象的高度由0以指定速率平滑的变化到正常！