编程 Javascript

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程序设计有所帮助。

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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