编程 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 Array.remove() 数组删除

Aug 06 Javascript

工作需要写的一个js拖拽组件

Jul 28 Javascript

js函数的延迟加载实现代码

Oct 11 Javascript

node.js中的path.normalize方法使用说明

Dec 08 Javascript

bootstrap导航栏、下拉菜单、表单的简单应用实例解析

Jan 06 Javascript

jQuery列表检索功能实现代码

Jul 17 jQuery

JavaScript与Java正则表达式写法的区别介绍

Aug 15 Javascript

vue-cli开发环境实现跨域请求的方法

Apr 07 Javascript

javascript和php使用ajax通信传递JSON的实例

Aug 21 Javascript

浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)

Nov 08 Javascript

150行Node.js实现的dns代理工具

Aug 02 Javascript

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

Jun 05 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

Yii2框架数据库简单的增删改查语法小结

2016/08/31 PHP

Laravel 5.4.36中session没有保存成功问题的解决

2018/02/19 PHP

JavaScript 格式字符串的应用

2010/03/29 Javascript

Javascript中arguments对象详解

2014/10/22 Javascript

javascript结合canvas实现图片旋转效果

2015/05/03 Javascript

纯JavaScript代码实现移动设备绘图解锁

2015/10/16 Javascript

理解javascript封装

2016/02/23 Javascript

JavaScript实现简单的拖动效果

2016/07/02 Javascript

AngularJS入门教程之Helloworld示例

2016/12/25 Javascript

JS 实现 ajax 异步浏览器兼容问题

2017/01/21 Javascript

jQuery DateTimePicker 日期和时间插件示例

2017/01/22 Javascript

vue货币过滤器的实现方法

2017/04/01 Javascript

Vue.js进行查询操作的实例详解

2017/08/25 Javascript

原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面

2017/11/01 Javascript

vue.js template模板的使用(仿饿了么布局)

2018/08/13 Javascript

layui实现把数据表格时间戳转换为时间格式的例子

2019/09/12 Javascript

VUE : vue-cli中去掉路由中的井号#操作

2020/09/04 Javascript

js轮播图之旋转木马效果

2020/10/13 Javascript

[04:22]DSPL第二期精彩集锦：残血反杀！

2014/12/10 DOTA

[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3

2018/06/04 DOTA

简单解决Python文件中文编码问题

2015/11/22 Python

Python中的条件判断语句与循环语句用法小结

2016/03/21 Python

Python使用struct处理二进制的实例详解

2017/09/11 Python

用matplotlib画等高线图详解

2017/12/14 Python

python2.7+selenium2实现淘宝滑块自动认证功能

2018/02/24 Python

一行代码让 Python 的运行速度提高100倍

2018/10/08 Python

对Pandas DataFrame缺失值的查找与填充示例讲解

2018/11/06 Python

详解PyCharm安装MicroPython插件的教程

2019/06/24 Python

pycharm修改文件的默认打开方式的步骤

2019/07/29 Python

CSS3 linear-gradient线性渐变生成加号和减号的方法

2017/11/21 HTML / CSS

使用HTML5 Canvas为图片填充颜色和纹理的教程

2016/03/21 HTML / CSS

英国女性运动服品牌：Sweaty Betty

2018/11/08 全球购物

护理自荐信

2013/10/22 职场文书

年度安全生产目标责任书

2014/07/23 职场文书

优秀员工事迹材料

2014/12/20 职场文书

Promise面试题详解之控制并发

2021/05/14 面试题