Jquery 动画效果.pdf

jquery 动画 Posted on 2011-11-06 14:11 许乐 阅读(1787) 评论(1) 编辑 收藏 基本动画 show() 显示隐藏的匹配元素。 这个就是 show( speed, [callback] ) 无动画的版本。如果选择的元素是可见的，这个方法将不 会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS 里设置了display:none;，这 个方法都将有效。 返回值：jQuery  示例 显示所有段落 HTML 代码: p style=display: noneHello/p jQuery 代码: $(p).show() show(speed,[callback]) 以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。 可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。 返回值：jQuery 参数 speed (String,Number) : 三种预定速度之一的字符串(slow, normal, or fast)或 表示动画时长的毫秒数值(如：1000) callback (Function) : (Optional) 在动画完成时执行的函数，每个元素执行一次。 示例 用缓慢的动画将隐藏的段落显示出来，历时600 毫秒。 HTML 代码: p style=display: noneHello/p jQuery 代码: $(p).show(slow); 用迅速的动画将隐藏的段落显示出来，历时200 毫秒。并在之后执行反馈！ HTML 代码: p style=display: noneHello/p jQuery 代码: $(p).show(fast,function(){ $(this).text(Animation Done!); }); 将隐藏的段落用将近4 秒的时间显示出来。。。并在之后执行一个反馈。。。  HTML 代码: p style=display: noneHello/p jQuery 代码: $(p).show(4000,function(){ $(this).text(Animation Done...); }); hide() 隐藏显示的元素 这个就是 hide( speed, [callback] ) 的无动画版。如果选择的元素是隐藏的，这个方法将不会改 变任何东西。 返回值:jQuery 示例 隐藏所有段落 jQuery 代码: $(p).hide() hide(speed,[callback]) 以优雅的动画隐藏所有匹配的元素，并在显示完成后可选地触发一个回调函数。 可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。 返回值:jQuery 参数 speed (String,Number) :三种预定速度之一的字符串(slow, normal, or fast)或表示动画 时长的毫秒数值(如：1000) callback (FunctionFunction) : (Optional) 在动画完成时执行的函数，每个元素执行一次。 示例 用600 毫秒的时间将段落缓慢的隐藏 jQuery 代码: $(p).hide(slow); 用200 毫秒将段落迅速隐藏，之后弹出一个对话框。 jQuery 代码: $(p).hide(fast,function(){ alert(Animation Done.); }); toggle() 切换元素的可见状态。 如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。 返回值:jQuery 示例 切换所有段落的可见状态。 HTML 代码: pHello/pp style=display: noneHello Again/p jQuery 代码: $(p).toggle() 结果: p tyle=d