jquery使用slideDown实现模块缓慢拉出效果的方法
更新时间：2015年03月27日 11:04:03 作者：上大王
这篇文章主要介绍了jquery使用slideDown实现模块缓慢拉出效果的方法,涉及slideDown方法操作模块展示效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery使用slideDown实现模块缓慢拉出效果的方法。分享给大家供大家参考。具体分析如下：
下面的JS代码通过按钮控制指定的区域缓慢拉出显示的效果
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown("slow");
});
});
</script>
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>
<div id="flip">Click to slide down panel</div>
<div id="panel">Hello world!</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery实现点击查看大图并以弹框的形式居中的代码，代码简单易懂，需要的朋友参考下2016-08-08
JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参
JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参（selected的值和页面其它元素的值）2011-01-01
这篇文章主要介绍了jQuery实现的超简单点赞效果,结合实例形式分析了jQuery实现点赞功能的具体步骤与相关技巧,需要的朋友可以参考下2015-12-12
该实现的主要思想是：获取鼠标点击的表头单元格的列号，遍历数据行，获取每个<tr>中的html，同时获取每个<tr>标签下对应获取到的列号的<td>标签中的内容，并取得<th>标签的type属性值，需要的朋友可以了解下2012-12-12
本文主要介绍了jQuery阻止移动端遮罩层后页面滚动的方法。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
本文给大家介绍的是一款移动端下的jQuery插件Hammer.js，他是一个开源的，轻量级的javascript库，它可以在不需要依赖其他东西的情况下识别触摸，鼠标事件支持各种手机事件，比如缩放，qq左滑动删除，放大，旋转等2015-07-07
这篇文章主要介绍了jQuery实现公告新闻自动滚屏效果实例代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
这篇文章主要介绍了jQuery 移动端artEditor富文本编辑器 的相关资料,需要的朋友可以参考下2016-01-01
jquery tree 可编辑节点实现代码(jquery一句话节点菜单)
jquery tree 可编辑节点，实现的三级菜单实现代码，这里我们将为大家准备了两个。一个是锋利的jquery中的一句话导航菜单实现代码。非常不错。2009-11-11
这篇文章主要介绍了jQuery制作简单柱状图的方法,实例分析了html与css布局以及jQuery功能的具体实现方法,需要的朋友可以参考下2015-01-01
最新评论