jQuery中slideUp()方法用法分析.pdf

本文实例讲述了 jQuery 中 slideUp() 方法用法。 分享给大家供大家参考。 具体分析如下： 此方法通过高度变化 （向上减小）来动态地隐藏所有匹配的元素， 并且隐藏完成后还可 以地触发一个回调函数。 slideUp() 方法只调整元素的高度，可以使匹配的元素以“滑动“方式隐藏起来。 一 .语法结构 : 此方法可以规定动画效果持续时间，如果没有规定时间则使用默认值 normal 。例如 : 复制代码 代码如下 :$(div).slideUp(5000) 以上代码可以设置动画效果在 5000 毫秒 (5 秒 ) 内完成。 此方法也可以在动画完成后触发一个回调函数。例如 : 复制代码 代码如下 :(div).slideUp(5000,function(){alert( 向下滑动完成！ )}); 以上代码能够在动画完成以后触发回调函数，于是弹出一个提示框。 二 .实例代码 : 代码如下 : lt;!DOCTYPE htmlgt; lt;htmlgt; lt;headgt; lt;meta charset=utf-8gt; lt;meta name=author content= /gt; lt;headgt; lt;style type=text/cssgt; div{ background:#060; width:300px; height:300px; color:red; } lt;/stylegt; lt;titlegt; 脚本之家 lt;/titlegt; lt;script type=text/javascript src=mytest/jQuery/jquery-1.8.3.jsgt;lt;/scriptgt; lt;script type=text/javascriptgt; $(document).ready(function(){ $(#up).click(function(){ $(div).slideUp(5000,function(){alert( 向下滑动完成！ )}); }) }) lt;/scriptgt; lt;/headgt; lt;bodygt; lt;divgt;lt;/divgt; lt;button id=upgt; 点击向上滑动 lt;/buttongt; lt;/bodygt; lt;/htmlgt; 在以上代码中，点击按钮， div 会缓慢上拉，完成之后会弹出一个对话框。 希望本文所述对大家的 jQuery 程序设计有所帮助。 更多信息请查看 IT 技术专栏