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

js的闭包的一个示例说明

Nov 18 Javascript

学习ExtJS TextField常用方法

Oct 07 Javascript

为指定元素增加样式的js代码

Dec 09 Javascript

简短几句通俗解释javascript的闭包

Jan 17 Javascript

FF火狐下获取一个元素同类型的相邻元素实现代码

Dec 15 Javascript

js实现select跳转菜单新窗口效果代码分享(超简单)

Aug 21 Javascript

AngularJS基础 ng-keypress 指令简单示例

Aug 02 Javascript

AngularJS基础 ng-mousemove 指令简单示例

Aug 02 Javascript

浅谈jQuery中事情的动态绑定

Feb 12 Javascript

Three.js如何用轨迹球插件（trackball）增加对模型的交互功能详解

Sep 25 Javascript

BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑

Sep 05 Javascript

详解vue v-model

Aug 31 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的memcache类分享(memcache队列)

2014/03/26 PHP

WordPress中对访客评论功能的一些优化方法

2015/11/24 PHP

微信红包随机生成算法php版

2016/07/21 PHP

微信公众号开发之通过接口删除菜单

2017/02/20 PHP

PHP流Streams、包装器wrapper概念与用法实例详解

2017/11/17 PHP

PHP程序员简单的开展服务治理架构操作详解(二)

2020/05/14 PHP

修改发贴的编辑功能

2007/03/07 Javascript

使Ext的Template可以解析二层的json数据的方法

2007/12/22 Javascript

JS实现随机化快速排序的实例代码

2013/08/01 Javascript

jquery 隐藏与显示tr标签示例代码

2014/06/06 Javascript

chrome调试javascript详解

2015/10/21 Javascript

Bootstrap下拉菜单Dropdowns的实现代码

2017/03/17 Javascript

node.js利用mongoose获取mongodb数据的格式化问题详解

2017/10/06 Javascript

jQuery中的类名选择器（.class）用法简单示例

2018/05/14 jQuery

vue全局使用axios的方法实例详解

2018/11/22 Javascript

javaScript代码飘红报错看不懂？读完这篇文章再试试

2020/08/19 Javascript

JavaScript 如何在浏览器中使用摄像头

2020/12/02 Javascript

Python中的闭包总结

2014/09/18 Python

以一个投票程序的实例来讲解Python的Django框架使用

2016/02/18 Python

python 读取文件并替换字段的实例

2018/07/12 Python

Python发展简史 Python来历

2019/05/14 Python

三步实现Django Paginator分页的方法

2019/06/11 Python

python 连续不等式语法糖实例

2020/04/15 Python

Python实现扫码工具的示例代码

2020/10/09 Python

HTML5+CSS设置浮动却没有动反而在中间且错行的问题

2020/05/26 HTML / CSS

选购世界上最好的美妆品：Cult Beauty

2017/11/03 全球购物

养殖行业的创业计划书

2014/01/05 职场文书

医院护士见习期自我鉴定

2014/04/10 职场文书

党的群众路线对照检查材料思想汇报

2014/09/25 职场文书

村干部四风问题整改措施

2014/09/30 职场文书

2015年员工试用期工作总结

2014/12/12 职场文书

高考升学宴答谢词

2015/01/20 职场文书

2016年党建工作简报

2015/11/26 职场文书

高一英语教学反思

2016/03/03 职场文书

史上最全书信经典范文大全（建议收藏）

2019/07/10 职场文书

Python四款GUI图形界面库介绍

2022/06/05 Python