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

神奇的代码通杀各种网站-可随意修改复制页面内容

Jul 17 Javascript

jQuery中的height innerHeight outerHeight区别示例介绍

Jun 15 Javascript

jQuery判断一个元素是否可见的方法

Jun 05 Javascript

学习javascript面向对象 javascript实现继承的方式

Jan 04 Javascript

jQuery UI结合Ajax创建可定制的Web界面

Jun 22 Javascript

vue.js初学入门教程（2）

Nov 07 Javascript

jQuery返回定位插件详解

May 15 jQuery

微信小程序实现跟随菜单效果和循环嵌套加载数据

Nov 21 Javascript

vue使用Element组件时v-for循环里的表单项验证方法

Jun 28 Javascript

加快Vue项目的开发速度的方法

Dec 12 Javascript

通过cordova将vue项目打包为webapp的方法

Feb 02 Javascript

javascript canvas实现雨滴效果

Jun 09 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