jQuery学习笔记：效果

一、基本
1、show()
显示隐藏的匹配元素。这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。
返回值 jQuery
示例：

/*
文档片段 <p style="display: none">Hello</p>
*/

function showTest() {
$("p").show();
}
setTimeout(showTest, 5000); //5 秒显示2、show(speed,[callback])
以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。
在jQuery 1.3中，padding和margin也会有动画，效果更流畅。
返回值 jQuery
参数

speed (String,Number) : 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
callback (Function) : (Optional) 在动画完成时执行的函数，每个元素执行一次。
示例：

/*
文档片段
<button id="go">Go</button> <button
id="stop">STOP!</button>
<div class="block"></div>
<button id="go">Go</button> <button
id="stop">STOP!</button>
<div class="block"></div>
*/

// 开始动画
$("#go").click(function() {
$(".block").animate({ left: '+200px' }, 5000);
});

// 当点击按钮后停止动画
$("#stop").click(function() {
$(".block").stop();
});
五、设置
1、jQuery.fx.off
关闭页面上所有的动画。
把这个属性设置为true可以立即关闭所有动画(所有效果会立即执行完毕)。有些情况下可能需要这样，比如：
* 你在配置比较低的电脑上使用jQuery。
* 你的一些用户由于动画效果而遇到了 可访问性问题
注：当把这个属性设成false之后，可以重新开启所有动画。
返回值 Boolean
参数
name (String) : 要访问的属性名称
示例：

jQuery.fx.off = true;
$("input").click(function(){
$("div").toggle("slow");
});