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 相关文章推荐
Javascript倒计时代码
Aug 12 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
May 17 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
jQuery mobile 移动web(6)
Dec 20 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
jquery滚动条插件(可以自定义)
Dec 11 Javascript
Bootstrap路径导航与分页学习使用
Feb 08 Javascript
关于Angularjs中跨域设置白名单问题
Apr 17 Javascript
使用node搭建自动发图文微博机器人的方法
Mar 22 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 Javascript
原生js实现随机点名功能
Nov 05 Javascript
JavaScript组合继承详解
Nov 07 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
2020年4月放送决定!第2期TV动画《邪神酱飞踢》视觉图&主题曲情报公开!
2020/03/06 日漫
8个PHP程序员常用的功能汇总
2014/12/18 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
自写简单JS判断是否已经弹出页面
2010/10/20 Javascript
jQuery学习笔记之jQuery的事件
2010/12/22 Javascript
js 判断控件获得焦点的示例代码
2014/03/04 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
javascript cookie的简单应用
2016/02/24 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
[01:02:46]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
Python深入学习之上下文管理器
2014/08/31 Python
python利用beautifulSoup实现爬虫
2014/09/29 Python
Python随机数用法实例详解【基于random模块】
2017/04/18 Python
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
基于python时间处理方法(详解)
2017/08/14 Python
python web基础之加载静态文件实例
2018/03/20 Python
python程序 创建多线程过程详解
2019/09/23 Python
浅析使用Python搭建http服务器
2019/10/27 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
python正则过滤字母、中文、数字及特殊字符方法详解
2020/02/11 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
Python实现代码块儿折叠
2020/04/15 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
Old Navy加拿大官网:美式休闲服饰品牌
2017/09/26 全球购物
品管员岗位职责
2013/11/10 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
社会实践活动报告
2015/02/05 职场文书
美术教师个人总结
2015/02/06 职场文书
母亲节感言
2015/08/03 职场文书
Node与Python 双向通信的实现代码
2021/07/16 Javascript
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python