jQuery动画-----折叠动画（slideDown、slideUp、slideToggle）

<script>// jQuery的折叠动画// 通过改变高度,来实现效果// 1, $(标签).slideDown()  显示//    语法 : $(标签).slideDown(时间,运动曲线,运动结束时执行的函数)//    从 css 设定的位置上 , 下拉显示标签//    // 2, $(标签).slideUp()  隐藏//    语法 : $(标签).slideUp(时间,运动曲线,运动结束时执行的函数)//    从 css 设定的位置上 , 上卷隐藏标签//    // 3, $(标签).slideToggle()  切换//    语法 : $(标签).slideToggle(时间,运动曲线,运动结束时执行的函数)//    隐藏就改为显示,显示就改为隐藏//   // 给显示按钮,添加事件$('[name="down"]').click(function(){$('div').slideDown( 2000 , 'linear' , function(){console.log('div完全显示了');} )})// 给隐藏按钮,添加事件$('[name="up"]').click(function(){$('div').slideUp( 2000 , 'linear' , function(){console.log('div完全隐藏了');} )})// 给切换按钮,添加事件$('[name="toggle"]').click(function(){$('div').slideToggle( 2000 , 'linear' , function(){console.log('div完全切换了');} )})</script>

jQuery动画-----折叠动画（slideDown、slideUp、slideToggle）相关推荐

Jquery滑动开关操作（slideDown, slideUp, slideToggle）
Jquery滑动开关操作(slideDown, slideUp, slideToggle) #滑动开关很好玩 CSS代码 JS代码 HTML代码效果图 #滑动开关很好玩这个章节主要是学习用Jque ...
JQuery 动画滑动显示和隐藏方式 slideDown\slideUp\slideToggle
滑动显示和隐藏方式 slideDown([speed], [easing],[fn]) slideup( [ speed, [easing],[fn]]) slideToggle([speed], [ ...
jQuery（五）--自定义动画、动画
目录一.自定义动画 1.1 animate() 1.2 animate()动画执行顺序 1.3 animate()动画回调函数和匀速运动 1.4 animate动画之stop()/delay() 二 ...
jQuery中下拉动画slideDown
对于隐藏的元素,在将其显示出来的过程中,可以对其进行一些变化的动画效果.之前学过了show方法,show方法在显示的过程中也可以有动画,但是.show()方法将会匹配元素的宽度,高度,以及不透明度,同 ...
JQuery之滑动效果slideDown ， slideUp , slideToggle
slideDown(speed,callback) 通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数. 这个动画效果只调整元素的高度,可以使匹配 ...
js 展开折叠动画原理，jquery的toggle切换效果
效果图: 想法: jquery的展开折叠动画效果很好看,想自己实现一个,结果发现仅仅只靠css添加类和动画是不行,最开始的思路是折叠时候设置高度为0,展开时设置高度设置为auto,让他自己撑开,可是t ...
Jquery中关于动画的一些操作函数
首先是介绍函数: 第一个函数是: slideDown()是用于向下滑动元素.完整的函数是这样的slideDown(speed,callback); speed是规定效果的时长. callback是滑动 ...
jQuery内置动画和多库共存
<!-- 淡入淡出: 不断改变元素的透明度来实现的 1. fadeIn(): 带动画的显示 2. fadeOut(): 带动画隐藏 3. fadeToggle(): 带动画切换显示/隐藏 --& ...
jQuery中的动画理论干货
[jQuery中的动画] 通过jQuery动画能够轻松地为页面添加精彩的视觉效果 [show()方法和hide()方法] 1.show()方法和hide()方法是jQUERY中最基本的动画方法,相当于 ...

jQuery动画-----折叠动画（slideDown、slideUp、slideToggle）

jQuery动画-----折叠动画（slideDown、slideUp、slideToggle）相关推荐

最新文章

热门文章