慕课网

jQuery基础(四)—动画篇

最热最新

xiaobin90

jQuery中动画animate(上) .animate( properties ,[ duration ], [ easing ], [ complete ] ) properties：注意所有用于动画的属性必须是数字的特别注意单位，属性值的单位像素（px）,除非另有说明。单位em 和 %需要指定使用除了定义数值，每个属性能使用'show', 'hide', 和 'toggle'来控制元素的显示隐藏。如果提供一个以+= 或 -=开始的值，那么目标值就是以这个属性的当前值加上或者减去给定的数字来计算的 easing： jQuery库中默认调用 swing。如果需要其他的动画算法，请查找相关的插件

查看全部

0 采集收起来源：jQuery中动画animate(上)
2017-01-17
xiaobin90

toggle与slideToggle细节区别： toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性 slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性

查看全部

0 采集收起来源：jQuery中toggle与slideToggle以及fadeToggle的比较
2017-01-17
xiaobin90

jQuery中淡入效果fadeTo 设置到指定透明度 $("p").fadeTo(1000, 0.9, function() { alert('完成'); });

查看全部

0 采集收起来源：jQuery中淡入效果fadeTo
2018-03-22
xiaobin90

jQuery中淡入淡出切换fadeToggle fadeToggle切换fadeOut与fadeIn效果，所谓"切换"，即如果元素当前是可见的，则将其隐藏(淡出)；如果元素当前是隐藏的，则使其显示(淡入)。

查看全部

0 采集收起来源：jQuery中淡入淡出切换fadeToggle
2018-03-22
xiaobin90

jQuery中淡入动画fadeIn

查看全部

0 采集收起来源：jQuery中淡入动画fadeIn
2017-01-17
xiaobin90

jQuery中淡出动画fadeOut 特殊用法 $("p").fadeOut(1000, "linear");//linear参数表示变化过程是匀速变化；这个位置的默认参数是swing，这个参数指定的运动的特点是开始和结束阶段的速度较慢，中间阶段的速度较快。

查看全部

0 采集收起来源：jQuery中淡出动画fadeOut
2018-03-22
xiaobin90

jQuery中上卷下拉切换slideToggle

查看全部

0 采集收起来源：jQuery中上卷下拉切换slideToggle
2017-01-17
xiaobin90

jQuery中上卷动画slideUp $("elem").slideUp(); $("#a2").slideUp(3000,function(){ alert('动画执行结束') })

查看全部

0 采集收起来源：jQuery中上卷动画slideUp
2018-03-22
xiaobin90

jQuery中下拉动画slideDown $("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动作.... });

查看全部

0 采集收起来源：jQuery中下拉动画slideDown
2018-03-22
xiaobin90

jQuery中显示与隐藏切换toggle方法 $(".right").toggle(3000)

查看全部

0 采集收起来源：jQuery中显示与隐藏切换toggle方法
2018-03-22
xiaobin90

jQuery中显示元素的show方法 $('elem').hide(3000).show(3000)//执行3秒隐藏//执行3秒显示注意事项： show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度

查看全部

0 采集收起来源：jQuery中显示元素的show方法
2017-01-17
xiaobin90

jQuery中隐藏元素的hide方法 jQuery在做hide操作的时候，是会保存本身的元素的原始属性值，再之后通过对应的方法还原的时候还是初始值。 $elem.hide()//直接隐藏 $elem.hide("fast / slow")// 200/600毫秒 $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } }) });

查看全部

0 采集收起来源：jQuery中隐藏元素的hide方法
2018-03-22
放牧青春

hide show toggle sideup sidedown sidetoggle fadein fadeout fadetoggle fadeto

查看全部

0 采集收起来源：jQuery中淡入效果fadeTo
2017-01-17
qq_明明_10

各种动画的区别： 1. toggle:切换显示与隐藏效果；其动画效果是横向动作；通过displa来判断匹配元素的可见性； 2. slideToggle：切换上下拉卷滚效果；其动画效果是竖向动作；通过高度变化来切换所有匹配元素的可见性； 3. fadeToggle:是在fadeIn()和fadeOut()方法之间切换；元素是淡出显示的，则会使用淡入效果显示；元素是淡入显示的，则会使用淡出效果显示；

查看全部

0 采集收起来源：jQuery中toggle与slideToggle以及fadeToggle的比较
2017-01-16
qq_明明_10

淡入的效果 1.fadeIn:淡入的效果，内容显示，取值是0~1； 2.fadeOut：淡出的效果，内容隐藏，取值是1~0； 3..fadeTo(duration,opacity,callback)

查看全部

0 采集收起来源：jQuery中淡入效果fadeTo
2017-01-16

首页上一页 96 97 98 99 100 101 102 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的基础语法 2、jQuery当中的动画处理