编程 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 相关文章推荐

JavaScript多线程的实现方法

May 08 Javascript

半角全角相互转换的js函数

Oct 16 Javascript

javascript算法题求任意一个1-9位不重复的N位数在该组合中的大小排列序号

Jul 21 Javascript

jQuery实现切换字体大小的方法

Mar 10 Javascript

深入理解JavaScript编程中的同步与异步机制

Jun 24 Javascript

实现非常简单的js双向数据绑定

Nov 06 Javascript

AngularJs实现ng1.3+表单验证

Dec 10 Javascript

JavaScript Canvas绘制圆形时钟效果

Aug 20 Javascript

Vue ElementUI之Form表单验证遇到的问题

Aug 21 Javascript

Layui带搜索的下拉框的使用以及动态数据绑定方法

Sep 28 Javascript

layui实现form表单同时提交数据和文件的代码

Oct 25 Javascript

Vue循环遍历选项赋值到对应控件的实现方法

Jun 22 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图像处理类代码分享

2012/01/19 PHP

memcache一致性hash的php实现方法

2015/03/05 PHP

关于PHP通用返回值设置方法

2017/03/31 PHP

jquery 仿QQ校友的DIV模拟窗口效果源码

2010/03/24 Javascript

Js中获取frames中的元素示例代码

2013/07/30 Javascript

获取3个数组不重复的值的具体实现

2013/12/30 Javascript

jQuery实现跨域iframe接口方法调用

2015/03/14 Javascript

Webpack 实现 AngularJS 的延迟加载

2016/03/02 Javascript

Bootstrap登陆注册页面开发教程

2016/07/12 Javascript

js实现复选框的全选和取消全选效果

2017/01/03 Javascript

详解微信小程序开发之城市选择器城市切换

2017/01/17 Javascript

jQuery事件详解

2017/02/23 Javascript

深入理解js 中async 函数的含义和用法

2018/05/13 Javascript

layui数据表格实现重载数据表格功能(搜索功能）

2019/07/27 Javascript

JavaScript this在函数中的指向及实例详解

2019/10/14 Javascript

jQuery轮播图功能制作方法详解

2019/12/03 jQuery

[02:03]《现实生活中的DOTA2》—林书豪&DOTA2职业选手出演短片

2015/08/18 DOTA

用python登录Dr.com思路以及代码分享

2014/06/25 Python

用实例解释Python中的继承和多态的概念

2015/04/27 Python

浅析python中SQLAlchemy排序的一个坑

2017/02/24 Python

python snownlp情感分析简易demo(分享)

2017/06/04 Python

Python实现PS滤镜中马赛克效果示例

2018/01/20 Python

HTML5本地存储之Web Storage应用介绍

2013/01/06 HTML / CSS

智能旅行箱：Horizn Studios

2018/04/30 全球购物

波兰电子产品购物网站：Vobis

2019/05/26 全球购物

军校制空专业毕业生自我鉴定

2013/11/16 职场文书

家长给小学生的评语

2014/01/30 职场文书

幼儿园中班教师寄语

2014/04/03 职场文书

机关干部作风建设剖析材料

2014/10/23 职场文书

年会邀请函范文

2015/01/30 职场文书

陈斌强事迹观后感

2015/06/17 职场文书

2015年党建工作汇报材料

2015/06/25 职场文书

三八妇女节新闻稿

2015/07/17 职场文书

教师节作文之小学四年级

2019/09/03 职场文书

Python Django项目和应用的创建详解

2021/11/27 Python

Python帮你解决手机qq微信内存占用太多问题

2022/02/15 Python