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

实现复选框全选/全不选切换

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