编程 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 变量命名规则

Sep 23 Javascript

js将控件隐藏的方法及display属性介绍

Jul 04 Javascript

jQuery复制表单元素附源码分享效果演示

Sep 30 Javascript

浅析Jquery操作select

Dec 13 Javascript

JS实现Ajax的方法分析

Dec 20 Javascript

vue2.0数据双向绑定与表单bootstrap+vue组件

Feb 27 Javascript

微信小程序 input输入及动态设置按钮的实现

Oct 27 Javascript

解决vue 更改计算属性后select选中值不更改的问题

Mar 02 Javascript

Vue 源码分析之 Observer实现过程

Mar 29 Javascript

Vue实现远程获取路由与页面刷新导致404错误的解决

Jan 31 Javascript

vue 使用 canvas 实现手写电子签名

Mar 06 Javascript

简介JavaScript错误处理机制

Aug 04 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

php 信息采集程序代码

2009/03/17 PHP

PHP和Mysqlweb应用开发核心技术第1部分 Php基础－3 代码组织和重用2

2011/07/03 PHP

php时间戳转换的示例

2014/03/31 PHP

Codeigniter上传图片出现“You did not select a file to upload”错误解决办法

2014/06/12 PHP

Javascript 函数对象的多重身份

2009/06/28 Javascript

jQuery实现tag便签去重效果的方法

2015/01/20 Javascript

JS解析XML文件和XML字符串详解

2015/04/17 Javascript

基于jQuery实现放大镜特效

2020/10/19 Javascript

Angularjs 依赖压缩及自定义过滤器写法

2017/02/04 Javascript

深入理解Node中的buffer模块

2017/06/03 Javascript

React中jquery引用的实现方法

2017/09/12 jQuery

微信小程序学习笔记之函数定义、页面渲染图文详解

2019/03/28 Javascript

JavaScript中继承原理与用法实例入门

2020/05/09 Javascript

[01:20]DOTA2 2017国际邀请赛冠军之路无止竞

2017/06/19 DOTA

python list中append()与extend()用法分享

2013/03/24 Python

python线程中同步锁详解

2018/04/27 Python

Python绘制正余弦函数图像的方法

2018/08/28 Python

python twilio模块实现发送手机短信功能

2019/08/02 Python

解决Python spyder显示不全df列和行的问题

2020/04/20 Python

Python3交互式shell ipython3安装及使用详解

2020/07/11 Python

python requests库的使用

2021/01/06 Python

Python tkinter之Bind（绑定事件）的使用示例

2021/02/05 Python

解决pytorch下出现multi-target not supported at的一种可能原因

2021/02/06 Python

阿提哈德航空官方网站：Etihad Airways

2017/01/06 全球购物

Viking Direct爱尔兰：办公用品和家具

2019/11/21 全球购物

广告学专业应届生求职信

2013/10/01 职场文书

乡镇保密工作责任书

2014/07/28 职场文书

护士节活动总结

2014/08/29 职场文书

法定授权委托证明书

2014/09/27 职场文书

房屋产权共有协议书范本

2014/11/03 职场文书

小学生2015教师节演讲稿

2015/03/19 职场文书

上市公司董事长岗位职责

2015/04/16 职场文书

运动会跳远广播稿

2015/08/19 职场文书

护理工作心得体会

2016/01/22 职场文书

导游词之徐州云龙湖

2019/11/19 职场文书

MySQL的存储函数与存储过程的区别解析

2022/04/08 MySQL