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 相关文章推荐
[JS源码]超长文章自动分页(客户端版)
Jan 09 Javascript
jquery 分页控件实现代码
Nov 30 Javascript
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
Sea.JS知识总结
May 05 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
Jun 15 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
巧用canvas
Jan 21 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
Jun 03 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
Dec 20 Javascript
JS实现电脑虚拟键盘的操作
Jun 24 Javascript
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
PHP采集利器 Snoopy 试用心得
2011/07/03 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
PHP闭包函数详解
2016/02/13 PHP
老生常谈php 正则中的i,m,s,x,e分别表示什么
2017/03/02 PHP
PHP网站常见安全漏洞,及相应防范措施总结
2021/03/01 PHP
jQuery中获取Radio元素值的方法
2013/07/02 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
什么是 AngularJS?AngularJS简介
2014/12/06 Javascript
纯js模拟div层弹性运动的方法
2015/07/27 Javascript
js流动式效果显示当前系统时间
2016/05/16 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
2016/06/02 Javascript
jQuery点击导航栏选中更换样式的实现代码
2017/01/23 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
nodejs+koa2 实现模仿springMVC框架
2020/10/21 NodeJs
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
Python保存MongoDB上的文件到本地的方法
2016/03/16 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
浅谈Python处理PDF的方法
2017/11/10 Python
Python 编码规范(Google Python Style Guide)
2018/05/05 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
pytorch 共享参数的示例
2019/08/17 Python
wxpython多线程防假死与线程间传递消息实例详解
2019/12/13 Python
pytorch模型存储的2种实现方法
2020/02/14 Python
如何在python中判断变量的类型
2020/07/29 Python
法国设计制造的扫帚和刷子:Andrée Jardin
2018/12/06 全球购物
《忆江南》教学反思
2014/04/07 职场文书
保安公司服务承诺书
2014/05/28 职场文书
化工实习心得体会
2014/09/09 职场文书
专升本学生毕业自我鉴定
2014/10/04 职场文书
2014年就业工作总结
2014/11/26 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
MongoDB安装使用并实现Python操作数据库
2021/06/28 MongoDB