编程 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 相关文章推荐

jquery validate添加自定义验证规则(验证邮箱邮政编码)

Dec 04 Javascript

JS设置获取cookies的方法

Jan 26 Javascript

基于node实现websocket协议

Apr 25 Javascript

Bootstrap Table表格一直加载(load)不了数据的快速解决方法

Sep 17 Javascript

vue2.0构建单页应用最佳实战

Apr 01 Javascript

ReactJs设置css样式的方法

Jun 08 Javascript

使用html+js+css 实现页面轮播图效果(实例讲解)

Sep 21 Javascript

Bootstrap开发中Tab标签页切换图表显示问题的解决方法

Jul 13 Javascript

详解ES6 Promise对象then方法链式调用

Oct 20 Javascript

AngularJs中$cookies简单用法分析

May 30 Javascript

使用Webpack提升Vue.js应用程序的4种方法（翻译）

Oct 09 Javascript

vue 给数组添加新对象并赋值

Apr 20 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

php入门学习知识点五关于php数组的几个基本操作

2011/07/14 PHP

php 字符串替换的方法

2012/01/10 PHP

curl不使用文件存取cookie php使用curl获取cookie示例

2014/01/26 PHP

Codeigniter实现多文件上传并创建多个缩略图

2014/06/12 PHP

常用的php图片处理类（水印、等比缩放、固定高宽）分享

2015/06/19 PHP

php正则表达式获取内容所有链接

2015/07/24 PHP

深入讲解PHP的对象注入(Object Injection)

2017/03/01 PHP

laravel 获取某个查询的查询SQL语句方法

2019/10/12 PHP

在phpstudy集成环境下的nginx服务器下配置url重写

2019/12/02 PHP

List the Stored Procedures in a SQL Server database

2007/06/20 Javascript

JQuery 学习笔记选择器之六

2009/07/23 Javascript

让ie6也支持websocket采用flash封装实现

2013/02/18 Javascript

给html超链接设置事件不使用href来完成跳

2014/04/20 Javascript

js的参数有长度限制吗？发现不能超过2083个字符

2014/04/20 Javascript

javascript实现锁定网页、密码解锁效果（类似系统屏幕保护效果）

2014/08/15 Javascript

JavaScript判断IE版本型号

2015/07/27 Javascript

深入解读JavaScript中的Iterator和for-of循环

2015/07/28 Javascript

jQuery实现hover合成事件的方法

2015/08/06 Javascript

jQuery入门之层次选择器实例简析

2015/12/11 Javascript

Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码

2016/06/23 Javascript

微信小程序 textarea 组件详解及简单实例

2017/01/10 Javascript

ztree实现权限横向显示功能

2017/05/20 Javascript

JavaScript选择排序算法原理与实现方法示例

2018/08/06 Javascript

微信小程序常见页面跳转操作简单示例

2019/05/01 Javascript

jquery实现有过渡效果的tab切换

2020/07/17 jQuery

python实现数通设备tftp备份配置文件示例

2014/04/02 Python

Python3中类、模块、错误与异常、文件的简易教程

2017/11/20 Python

pandas删除指定行详解

2019/04/04 Python

使用Django搭建web服务器的例子(最最正确的方式)

2019/08/29 Python

如何一键升级Python所有包

2020/11/05 Python

三八活动策划方案

2014/08/17 职场文书

重阳节简报

2015/07/20 职场文书

2015年学校政教工作总结

2015/07/20 职场文书

李白经典诗之一：全文无一“月”字，却句句有月

2019/07/12 职场文书

用Python爬虫破解滑动验证码的案例解析

2021/05/06 Python

Python实现打乒乓小游戏

2021/09/25 Python