JQuery 向下展开收起动画( slideDown(),slideUp() )

$('#div1').slideDown(1000); //向下展开，下拉。1000毫秒，表示动画展开过程时间。
$('#div1').slideUp(1000); //向上收起
$('#div1').slideToggle(1000); //合成展开收起

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>下拉收起动画</title><style>#div1 {width:100px; height:100px;background-color:black;}</style><script src="scripts/jquery-1.7.1.min.js"></script><script>$(function() {//下拉按钮$('#btnSlideDown').click(function(){//$('#div1').slideDown();$('#div1').slideDown(1000);  //1000毫秒，表示动画下拉过程时间。});//收起按钮$('#btnSlideUp').click(function(){//$('#div1').slideUp();$('#div1').slideUp(1000);});//合成按钮$('#btnTotal').click(function(){//$('#div1').slideToggle();$('#div1').slideToggle(1000);});});</script>
</head>
<body><input type="button" id="btnSlideDown" value="下拉"/><input type="button" id="btnSlideUp" value="收起"/><input type="button" id="btnTotal" value="合成"/><div id="div1"></div>
</body>
</html>

JQuery 向下展开收起动画( slideDown(),slideUp() )相关推荐

【jQuery笔记Part2】02-jQuery展开收起动画帷幔效果案例下拉菜单案例显示隐藏更多案例折叠菜单案例
展开&收起动画&案例 HTML DOM overflow 属性展开 slideDown(毫秒, 完成回调函数) 收起 slideUp(毫秒, 完成回调函数) 切换 slideTogg ...
css3 updown 动画,Vue的transition中的slidedown,slideUp展开收起动画
vue transition动画 vue的transition过渡动画在vue官网已有详细教程,就不赘述了.然而当我们使用transition来实现slidedown,slideup的展开收起动画时, ...
收起展开循环 php,CSS3 实现侧边栏展开收起动画
这篇文章主要介绍了如何使用CSS3 实现侧边栏展开收起动画,并附上了示例代码,非常的详细,推荐给需要的小伙伴. @keyframes 规则用于创建动画. @keyframes 中规定某项 CSS 样式 ...
页面展开收起php代码,jquery简单的展开收起效果代码
如今,很多WordPress主题都有这种功能,就是在文章内容中将部分内容折叠起来,这样会导致文章内容不至于太长,用户也有耐心看下去.今天我来说下这种效果的简单实现方法.首先,实现这种效果的前提是网站需 ...
ios 圆形旋转菜单_iOS高级动画：圆形树展开收起动画
转自:标哥的技术博客,作者:黄仪标(微博) 前段时间帮某某做了一个动画效果,今天分享给大家.关于动画的基础知识,这里不会细说,如果您还没有核心动画的基础知识,请先阅读相关文章,了解核心动画如何使用,然 ...
html左侧菜单展开与收起,CSS3 实现侧边栏展开收起动画
@keyframes 规则用于创建动画. @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果 @keyframes 中创建动画时,请把它捆绑到某个选择器,否则不 ...
android从一点展开动画,Android自定义View——从零开始实现可展开收起的水平菜单栏...
大家要是看到有错误的地方或者有啥好的建议,欢迎留言评论前言:最近项目里要实现一个可展开收起的水平菜单栏控件,刚接到需求时想着用自定义View自己来绘制,发现要实现圆角.阴影.菜单滑动等效果非常复 ...
基于vue渐变展开收起盒子动画（盒子高度不定）
基于vue展开收起盒子动画(盒子高度不定) 问题: transition动画只能对高度给定的盒子,在高度变化时实现展开收起动画.对于不定高度的盒子,transition无能为力解决方案: 小白入门, ...
CSS 展开收起样式
效果:展开.收起一. 效果一代码: <template><div class="container"><div class="head- ...

JQuery 向下展开收起动画( slideDown(),slideUp() )

JQuery 向下展开收起动画( slideDown(),slideUp() )相关推荐

最新文章

热门文章