慕课网

jQuery基础(四)—动画篇

最热最新

码农的小青春

css中display有两种常见属性： display：block 元素显示 display: none 元素影藏在jquery中元素的显示和隐藏分为为： $('elem').hide(3000) $('elem').show(3000)

查看全部

0 采集收起来源：jQuery中显示元素的show方法
2017-01-11
码农的小青春

hide( ) 3种方式 1.不传参数 2.传入Number(duration) 3.传入函数 $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } })

查看全部

0 采集收起来源：jQuery中隐藏元素的hide方法
2018-03-22
谁用了FATC

如果提供回调函数参数，callback会在动画完成的时候调用。将不同的动画串联在一起按顺序排列执行是非常有用的。这个回调函数不设置任何参数，但是 this会设成将要执行动画的那个DOM元素，如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组动画整体才执行一次

查看全部

0 采集收起来源：jQuery中下拉动画slideDown
2017-01-11
qq_喵呜我姓易_04380998

$.inArray(value,数组)将搜索value在数组中的索引

查看全部

0 采集收起来源：jQuery中查找数组中的索引inArray
2017-01-10
qq_喵呜我姓易_04380998

each(数组或者对象，fn(i,item){ }或者fn(proprety,value){ })

查看全部

0 采集收起来源：jQuery中each方法的应用
2017-01-10
qq_喵呜我姓易_04380998

slideDown(多久，回调)

查看全部

0 采集收起来源：jQuery中下拉动画slideDown
2017-01-10
慕瓜4404587

jQuery中停止动画stop: $("ele").stop( [clearQueue ], [ jumpToEnd ] ) $("ele").stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) 1. .stop()：停止当前动画；下一个动画立即开始，后面的动画继续； 2. stop(true)：停止当前动画；队列中的动画其余被删除并永远不会运行； 3. stop(true,ture)：停止当前动画，并直接跳到当前动画的最终状态；

查看全部

0 采集收起来源：jQuery中停止动画stop
2018-03-22
慕瓜4404587

jQuery中动画animate(下) ？？？？？？？？？？？？？？？？？？？？？？？？ .animate( properties, options ): options参数: 1. duration - 设置动画执行的时间； 2. easing - 规定要使用的 easing 函数，过渡使用哪种缓动函数； 3. step：规定每个动画的每一步完成之后要执行的函数； 4. progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念； 5. complete：动画完成回调；注意：如果多个元素执行动画，回调将在每个匹配的元素上执行一次，不是作为整个动画执行一次！

查看全部

0 采集收起来源：jQuery中动画animate(下)
2017-01-10
慕瓜4404587

jQuery中动画animate(上): .animate( properties ,[ duration ], [ easing ], [ complete ] ) 参数分解： 1. properties： ...一个或多个css属性的键值对所构成的Object对象； ...要特别注意所有用于动画的属性必须是数字的，除非另有说明； ...以+= 或 -=开始的值：当前值加上或者减去给定的数字来计算目标值； ...除了定义数值，每个属性能使用'show', 'hide', 和 'toggle'这三种快捷方式控制元素的显示或隐藏； ...属性值的单位像素（px）,除非另有说明。单位em 和 %需要指定使用 ...使用驼峰命名法； 2. duration时间： ...以毫秒为单位； ...还可以提供'fast' 和 'slow'字符串，分别表示持续时间为200 和 600毫秒； 3. easing动画运动的算法： ...jQuery库中默认调用 swing。如果需要其他的动画算法，请查找相关的插件； 4. complete回调： ...保证当前动画确定完成后发会触发执行的函数。

查看全部

0 采集收起来源：jQuery中动画animate(上)
2017-01-10
慕瓜4404587

jQuery中toggle与slideToggle以及fadeToggle的比较：操作元素的显示和隐藏可以有几种方法： 1. 改变样式display为none； 2. 设置位置高度为0； 3. 设置透明度为0； toggle、sildeToggle以及fadeToggle的区别： 1. toggle：切换显示与隐藏效果；通过display来切换匹配元素的可见性 2. sildeToggle：切换上下拉卷滚效果；通过高度变化切换匹配元素的可见性 3. fadeToggle：切换淡入淡出效果

查看全部

0 采集收起来源：jQuery中toggle与slideToggle以及fadeToggle的比较
2017-01-10
慕瓜4404587

jQuery中淡入效果fadeTo： .fadeTo( duration, opacity ,callback)： 1. 必需的 duration参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。2. 必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。 3. 可选的 callback 参数是该函数完成后所执行的函数名称。

查看全部

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

jQuery中淡入淡出切换fadeToggle：常用语法：.fadeToggle( [duration ] ,[ complete ] )：切换fadeOut与fadeIn效果，所谓"切换"，即如果元素当前是可见的，则将其隐藏(淡出)；如果元素当前是隐藏的，则使其显示(淡入)。

查看全部

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

jQuery中淡入动画fadeIn：操作元素的不透明度从0%逐渐增加到100% .fadeIn( [duration ], [ complete ] )： 1. duration：指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。 2. 元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。

查看全部

0 采集收起来源：jQuery中淡入动画fadeIn
2018-03-22
慕瓜4404587

jQuery中淡出动画fadeOut：隐藏 .fadeOut( [duration ], [ complete ] )； .fadeOut( [duration ] [, easing ] [, complete ] ) easing参数：默认参数是swing，这个参数指定的运动的特点是开始和结束阶段的速度较慢，中间阶段的速度较快；“linear”则表示变化过程是匀速变化

查看全部

0 采集收起来源：jQuery中淡出动画fadeOut
2017-01-10
慕瓜4404587

jQuery中上卷下拉切换slideToggle 基本的操作：slideToggle(); 提供参数：.slideToggle( [duration ] ,[ complete ] ) 快捷方式：slideToggle("fast") 、slideToggle("slow")

查看全部

0 采集收起来源：jQuery中上卷下拉切换slideToggle
2018-03-22

首页上一页 99 100 101 102 103 104 105 下一页尾页

0/150

提交

取消

开始学习

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

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