编程 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 图片等比例缩放代码

May 13 Javascript

使用jQuery.Validate进行客户端验证（初级篇）不使用微软验证控件的理由

Jun 28 Javascript

轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作

Nov 30 Javascript

JavaScript面向对象程序设计教程

Mar 29 Javascript

Bootstrap+jfinal实现省市级联下拉菜单

May 30 Javascript

解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题

Mar 09 Javascript

详解AngularJS controller调用factory

May 19 Javascript

Vue.js实例方法之生命周期详解

Jul 03 Javascript

微信小程序返回多级页面的实现方法

Oct 27 Javascript

微信小程序开发（一）：服务器获取数据列表渲染操作示例

Jun 01 Javascript

解决vue中axios设置超时(超过5分钟)没反应的问题

Sep 04 Javascript

vue使用echarts画组织结构图

Feb 06 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

第五节--克隆

2006/11/16 PHP

php intval函数用法总结

2019/04/14 PHP

javascript 装载iframe子页面，自适应高度

2009/03/20 Javascript

Javascript变量函数浅析

2011/09/02 Javascript

jQuery 无刷新分页实例代码

2013/11/12 Javascript

js插件方式打开pdf文件(浏览器pdf插件分享)

2013/12/20 Javascript

关闭时刷新父窗口两种方法

2014/05/07 Javascript

JavaScript中的anchor()方法使用详解

2015/06/08 Javascript

Ionic如何实现下拉刷新与上拉加载功能

2016/06/03 Javascript

Bootstrap实现水平排列的表单

2016/07/04 Javascript

浅谈MVC+EF easyui dataGrid 动态加载分页表格

2016/11/10 Javascript

完全深入学习Bootstrap表单

2016/11/28 Javascript

js 单引号替换成双引号,双引号替换成单引号的实现方法

2017/02/16 Javascript

Ajax异步获取html数据中包含js方法无效的解决方法

2017/02/20 Javascript

Angular中管道操作符(|)的使用方法

2017/12/15 Javascript

nodejs读取图片返回给浏览器显示

2019/07/25 NodeJs

js实现自动播放匀速轮播图

2020/02/06 Javascript

Python Web服务器Tornado使用小结

2014/05/06 Python

用Python展示动态规则法用以解决重叠子问题的示例

2015/04/02 Python

Pthon批量处理将pdb文件生成dssp文件

2015/06/21 Python

python实现全盘扫描搜索功能的方法

2019/02/14 Python

安装docker-compose的两种最简方法

2019/07/30 Python

Python 中如何实现参数化测试的方法示例

2019/12/10 Python

python3 使用traceback定位异常实例

2020/03/09 Python

解决pyqt5异常退出无提示信息的问题

2020/04/08 Python

中国最大的潮流商品购物网站：YOHO!BUY有货

2017/01/07 全球购物

丹尼尔惠灵顿手表天猫官方旗舰店：Daniel Wellington

2017/08/25 全球购物

英国翻新电子产品购物网站：Tech Trade

2017/12/25 全球购物

美国棒球装备和用品商店：Baseball Savings

2018/06/09 全球购物

与世界上最好的跑步专业品牌合作：Fleet Feet

2019/03/22 全球购物

给老师的道歉信

2014/01/11 职场文书

人力资源主管职责范本

2014/03/05 职场文书

精神文明单位申报材料

2014/05/02 职场文书

幼儿园区域活动总结

2014/05/08 职场文书

会计学习心得体会

2014/09/09 职场文书

2014年公司工作总结

2014/11/22 职场文书