jQuery使用slideUp方法实现控制元素缓慢收起


Posted in Javascript onMarch 27, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
在AngularJS框架中处理数据建模的方式解析
Mar 05 Javascript
js实现的下拉框二级联动效果
Apr 30 Javascript
jQuery的实例及必知重要的jQuery选择器详解
May 20 Javascript
jQuery实现鼠标滑过图片移动特效
Dec 08 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
Mar 02 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
vue.js计算属性computed用法实例分析
Jul 06 Javascript
小程序自动化测试的示例代码
Aug 11 Javascript
微信小程序实现底部弹出框
Nov 18 Javascript
vue-cil之axios的二次封装与proxy反向代理使用说明
Apr 07 Vue.js
jquery使用animate方法实现控制元素移动
Mar 27 #Javascript
jQuery获取标签文本内容和html内容的方法
Mar 27 #Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 #Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 #Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 #Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 #Javascript
jQuery使用before()和after()在元素前后添加内容的方法
Mar 26 #Javascript
You might like
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
php基于CodeIgniter实现图片上传、剪切功能
2016/05/14 PHP
doctype后如何获得body.clientHeight的方法
2007/07/11 Javascript
统计jQuery中各字符串出现次数的工具
2012/05/03 Javascript
javascript dom追加内容实现示例
2013/09/21 Javascript
详解jQuery uploadify文件上传插件的使用方法
2016/12/16 Javascript
面试常见的js算法题
2017/03/23 Javascript
详解JS中的柯里化(currying)
2017/08/17 Javascript
微信小程序自定义toast组件的方法详解【含动画】
2019/05/11 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
paramiko模块安装和使用(远程登录服务器)
2014/01/27 Python
python获取android设备的GPS信息脚本分享
2015/03/06 Python
Python中的变量和作用域详解
2016/07/13 Python
Python实现的科学计算器功能示例
2017/08/04 Python
Python通过属性手段实现只允许调用一次的示例讲解
2018/04/21 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
python requests.post带head和body的实例
2019/01/02 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
python词云库wordCloud使用方法详解(解决中文乱码)
2020/02/17 Python
Python实现链表反转的方法分析【迭代法与递归法】
2020/02/22 Python
moosejaw旗下的户外商品促销网站:Mountain Steals
2017/02/27 全球购物
Book Depository欧盟:一家领先的国际图书零售商
2019/05/21 全球购物
Kipling意大利官网:世界著名的时尚休闲包袋品牌
2019/06/05 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
系统管理员的职责包括那些?管理的对象是什么?
2016/09/20 面试题
考博专家推荐信模板
2013/12/02 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
2015年乡镇人大工作总结
2015/04/22 职场文书
超市食品安全承诺书
2015/04/29 职场文书
浅谈PHP7中的一些小技巧
2021/05/29 PHP
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript
Python中文分词库jieba(结巴分词)详细使用介绍
2022/04/07 Python