jQuery使用slideUp方法实现控制元素缓慢收起
2018-10-12 14:03
951 查看
本文实例讲述了jQuery使用slideUp方法实现控制元素缓慢收起功能的技巧。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideUp("slow"); }); }); </script> <style type="text/css"> #panel,#flip { padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px #c3c3c3; } #panel { padding:50px; } </style> </head> <body> <div id="flip">Click to slide up panel</div> <div id="panel">Hello world!</div> </body> </html>
希望本文所述对大家的jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- jquery使用animate方法实现控制元素移动
- jQuery实现动态控制页面元素的方法分析
- jquery使用slideDown实现模块缓慢拉出效果的方法
- jQuery使用fadeout实现元素渐隐效果的方法
- 【jQuery】使用attr()方法控制元素的属性
- jquery之操作元素属性和特性(删除特性,removeAttr()方法的使用)
- jquery之管理包装元素集合(筛选元素包装集之获取包装集的子集,slice()方法的使用)
- jquery之管理包装元素集合(确定包装集的大小,size()方法的使用)
- 使用Jquery中getJSON方法实现跨域
- jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)
- jquery之操作元素属性和特性(获取特性值,attr(name)方法的使用)
- jquery之操作元素属性和特性(设置特性值,attr(name,value),attr(attributes)方法的使用)
- jquery之处理表单元素值(使用val()方法)
- jquery之设置元素内容(删除元素,使用remove(),empty()方法)
- VSS实现版本控制管理的一些使用方法
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- jquery之管理包装元素集合(管理jquery链,end()方法与andSelf()方法的使用)
- VSS实现版本控制管理的一些使用方法
- jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
- 使用jquery+json实现ajax的方法