-
.animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) easing动画运动的算法 所有用于动画的属性必须是数字的 属性值的单位像素（px）,除非另有说明。单位em 和 %需要指定使用 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500,fn);查看全部
-
toggle与slideToggle细节区别： toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性 slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性查看全部
-
toggle：切换显示与隐藏效果 ， 改变样式display :none/block ， 横向动作 sildeToggle：切换上下拉卷滚效果 ， 改变高度， 竖向动作 fadeToggle：切换淡入淡出效果 ， 改变透明度查看全部
-
.fadeIn：淡入效果，内容显示，opacity是0到1 .fadeOut：淡出效果，内容隐藏，opacity是1到0 .fadeTo( duration, opacity ,callback):淡入效果 duration:效果的时长，slow、fast或多少毫秒 opacity：0-1之间 callback：回调函数查看全部
-
fadeToggle( [duration ] ,[ complete ] ) 淡入淡出切换查看全部
-
淡入的动画原理：操作元素的不透明度从0%逐渐增加到100% 如果元素本身是可见的，不对其作任何改变。如果元素是隐藏的，则使其可见查看全部
-
.fadeOut( [duration ], [ complete ] )淡出动画 改变元素的透明度查看全部
-
slideToggle() slideToggle('duration',fn) fast:600ms slow:200ms 默认：400ms查看全部
-
$("#a2").slideUp(3000,function(){ alert('动画执行结束') })查看全部
-
$("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动作.... }); 默认400毫秒 下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none查看全部
-
$('elem').hide(3000).show(3000) 先隐藏，后显示查看全部
-
duration 可选/String/Number类型指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。 complete:元素隐藏完毕后需要执行的函数。函数内的this指向当前DOM元素。查看全部
-
//停止当前动画 $aaron.stop() //停止所有队列 $aaron.stop(true) //停止动画，直接跳到当前动画的结束 $aaron.stop(true,true)查看全部
-
options参数 duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数，过渡使用哪种缓动函数 step：规定每个动画的每一步完成之后要执行的函数 progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念 complete：动画完成回调 其中最关键的一点就是： 如果多个元素执行动画，回调将在每个匹配的元素上执行一次，不是作为整个动画执行一次查看全部
-
参数分解： properties：一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的，除非另有说明；这些属性如果不是数字的将不能使用基本的jQuery功能。比如常见的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等这些都是能产生动画效果的。background-color很明显不可以，因为参数是red或者GBG这样的值，非常用插件，否则正常情况下是不能只用动画效果的。注意，CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。 特别注意单位，属性值的单位像素（px）,除非另有说明。单位em 和 %需要指定使用查看全部
举报
0/150
提交
取消