编程 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简单实现网页回到顶部功能

Nov 12 Javascript

javascript中JSON对象与JSON字符串相互转换实例

Jul 11 Javascript

javascript实现多栏闭合展开式广告位菜单效果实例

Aug 05 Javascript

深究AngularJS中ng-drag、ng-drop的用法

Jun 12 Javascript

Three.js利用orbit controls插件（轨道控制）控制模型交互动作详解

Sep 25 Javascript

Bootstrap实现的表格合并单元格示例

Feb 06 Javascript

微信小程序实现的点击按钮弹出底部上拉菜单功能示例

Dec 20 Javascript

小程序实现人脸识别功能(百度ai)

Dec 23 Javascript

vue控制多行文字展开收起的实现示例

Oct 11 Javascript

Node.js API详解之 Error模块用法实例分析

May 14 Javascript

javascript实现移动端轮播图

Dec 09 Javascript

原生js实现放大镜组件

Jan 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/10/09 PHP

利用PHP判断是否是连乘数字串的方法示例

2017/07/03 PHP

PHP让数组中有相同值的组成新的数组实例

2017/12/31 PHP

PDO::query讲解

2019/01/29 PHP

Javascript里使用Dom操作Xml

2006/09/20 Javascript

Extjs TriggerField在弹出窗口显示不出问题的解决方法

2010/01/08 Javascript

CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库

2010/02/07 Javascript

JS 显示当前日期与时间的代码

2010/03/24 Javascript

JS正则表达式验证数字代码

2014/01/28 Javascript

jQuery调用ajax请求的常见方法汇总

2015/03/24 Javascript

jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法

2015/08/08 Javascript

JavaScript实现的SHA-1加密算法完整实例

2016/02/02 Javascript

js 转义字符及URI编码详解

2017/02/28 Javascript

详解react-native-fs插件的使用以及遇到的坑

2017/09/12 Javascript

15 分钟掌握vue-next响应式原理

2019/10/13 Javascript

JS代码检查工具ESLint介绍与使用方法

2020/02/04 Javascript

Python中的作用域规则详解

2015/01/30 Python

PyMongo安装使用笔记

2015/04/27 Python

windows下ipython的安装与使用详解

2016/10/20 Python

Python中shutil模块的学习笔记教程

2017/04/04 Python

Python之re操作方法(详解)

2017/06/14 Python

Python多进程原理与用法分析

2018/08/21 Python

对Python 窗体(tkinter)文本编辑器(Text)详解

2018/10/11 Python

Python2.7版os.path.isdir中文路径返回false的解决方法

2019/06/21 Python

python opencv 实现对图像边缘扩充

2020/01/19 Python

基督教卡片、励志礼品、家居装饰等：DaySpring

2018/10/12 全球购物

Hoover胡佛官网：美国吸尘器和洗地机品牌

2019/01/09 全球购物

课外活动总结范文

2014/07/09 职场文书

2014年保育员个人工作总结

2014/12/02 职场文书

储备店长岗位职责

2015/04/14 职场文书

七年级话题作文之执着

2019/11/19 职场文书

python3 删除所有自定义变量的操作

2021/04/08 Python

vue+spring boot实现校验码功能

2021/05/27 Vue.js

bat批处理之字符串操作的实现

2022/03/16 Python

海弦WR-800F

2022/04/05 无线电

CentOS7 minimal 最小化安装网络设置过程

2022/12/24 Servers