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 相关文章推荐
实现复选框全选/全不选切换
Dec 23 Javascript
javascript下阻止表单重复提交、防刷新、防后退
Aug 17 Javascript
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
HTML上传控件取消选择
Mar 06 Javascript
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
scrollWidth,clientWidth,offsetWidth的区别
Jan 13 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 Javascript
JavaScript判断数组是否存在key的简单实例
Aug 03 Javascript
js 将图片连接转换成base64格式的简单实例
Aug 10 Javascript
es6基础学习之解构赋值
Dec 10 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
Element DateTimePicker日期时间选择器的使用示例
Jul 27 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
mysql+php分页类(已测)
2008/03/31 PHP
关于PHP语言构造器介绍
2013/07/08 PHP
php将金额数字转化为中文大写
2015/07/09 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
php array_slice 取出数组中的一段序列实例
2016/11/04 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
PHP如何使用array_unshift()在数组开头插入元素
2020/09/01 PHP
Nigma vs Alliance BO5 第五场2.14
2021/03/10 DOTA
JavaScript实现的双向跨域插件分享
2015/01/31 Javascript
js实现滚动条滚动到页面底部继续加载
2015/12/19 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
2017/08/29 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
对layui初始化列表的CheckBox属性详解
2019/09/13 Javascript
ant design vue datepicker日期选择器中文化操作
2020/10/28 Javascript
vue3.0实现插件封装
2020/12/14 Vue.js
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
python学习笔记:字典的使用示例详解
2014/06/13 Python
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
python基础while循环及if判断的实例讲解
2017/08/25 Python
python使用tensorflow保存、加载和使用模型的方法
2018/01/31 Python
用python 批量更改图像尺寸到统一大小的方法
2018/03/31 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
Python中的Socket 与 ScoketServer 通信及遇到问题解决方法
2019/04/01 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
python实现将range()函数生成的数字存储在一个列表中
2020/04/02 Python
在Python中使用K-Means聚类和PCA主成分分析进行图像压缩
2020/04/10 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
经典优秀个人求职信分享
2013/12/12 职场文书
网站推广策划方案
2014/06/04 职场文书
社区活动总结
2015/02/04 职场文书
海底两万里读书笔记
2015/06/26 职场文书
军训后的感想
2015/08/07 职场文书
工作一年自我鉴定
2019/06/20 职场文书
Java字符缓冲流BufferedWriter
2022/04/09 Java/Android