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

让table变成exls的示例代码

Mar 24 Javascript

JS动态修改表格cellPadding和cellSpacing的方法

Mar 31 Javascript

基于jQuery.Hz2Py.js插件实现的汉字转拼音特效

May 07 Javascript

JavaScript基本数据类型及值类型和引用类型

Aug 25 Javascript

JQuery菜单效果的两个实例讲解（3）

Sep 17 Javascript

学习JavaScript设计模式(策略模式)

Nov 26 Javascript

vuejs2.0实现一个简单的分页示例

Feb 22 Javascript

关于axios返回空对象的问题解决

Apr 04 Javascript

vue中使用微信公众号js-sdk踩坑记录

Mar 29 Javascript

Angular6使用forRoot() 注册单一实例服务问题

Aug 27 Javascript

微信小程序开发搜索功能实现(前端+后端+数据库)

Mar 04 Javascript

jQuery实现简单QQ聊天框

Aug 27 jQuery

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

phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)

2012/03/27 PHP

windows中为php安装mongodb与memcache

2015/01/06 PHP

php获取网站根目录物理路径的几种方法(推荐)

2017/03/04 PHP

PHP仿tp实现mvc框架基本设计思路与实现方法分析

2018/05/23 PHP

动态调用css文件——jquery的应用

2007/02/20 Javascript

javascript引用对象的方法代码

2007/08/13 Javascript

JavaScript 类似flash效果的立体图片浏览器

2010/02/08 Javascript

js不能跳转到上一页面的问题解决方法

2013/03/01 Javascript

onkeypress字符按键兼容所有浏览器使用介绍

2013/04/24 Javascript

js构造函数、索引数组和属性的实现方式和使用

2014/11/16 Javascript

setinterval()与clearInterval()JS函数的调用方法

2015/01/21 Javascript

纯JS实现本地图片预览的方法

2015/07/31 Javascript

jQuery Easyui实现左右布局

2016/01/26 Javascript

JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)

2016/06/02 Javascript

jQuery html表格排序插件tablesorter使用方法详解

2017/02/10 Javascript

jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法

2017/05/08 jQuery

NodeJS有难度的面试题(能答对几个)

2019/10/09 NodeJs

python实现sublime3的less编译插件示例

2014/04/27 Python

Python写的PHPMyAdmin暴力破解工具代码

2014/08/06 Python

对于Python的Django框架使用的一些实用建议

2015/04/03 Python

由Python运算π的值深入Python中科学计算的实现

2015/04/17 Python

深入解析Python中的__builtins__内建对象

2016/06/21 Python

python之Character string(实例讲解)

2017/09/25 Python

python爬虫系列Selenium定向爬取虎扑篮球图片详解

2017/11/15 Python

python如何实现int函数的方法示例

2018/02/19 Python

Python 模拟生成动态产生验证码图片的方法

2020/02/01 Python

python中文分词库jieba使用方法详解

2020/02/11 Python

浅谈在django中使用filter()(即对QuerySet操作)时踩的坑

2020/03/31 Python

Windows下Anaconda安装、换源与更新的方法

2020/04/17 Python

美国存储和组织商店：The Container Store

2017/08/16 全球购物

Servlet的生命周期

2013/08/25 面试题

超市中秋节促销方案

2014/03/21 职场文书

奥巴马的演讲稿

2014/05/15 职场文书

商务代表岗位职责

2015/02/15 职场文书

通讯稿范文

2015/07/22 职场文书

深入浅出讲解Java8函数式编程

2022/01/18 Java/Android