-
显而易见,animate方法更加灵活了,可以精确的控制样式属性从而执行动画
语法:
.animate( properties ,[ duration ], [ easing ], [ complete ] )
.animate( properties, options ).animate()方法允许我们在任意的数值的CSS属性上创建动画。2种语法使用,几乎差不多了,唯一必要的属性就是一组CSS属性键值对。这组属性和用于设置.css()方法的属性键值对类似,除了属性范围做了更多限制。第二个参数开始可以单独传递多个实参也可以合并成一个对象传递了
查看全部 -
function(now,fx){}
动画元素的每个动画属性每一次动画效果的执行都将调用的函数。
now是当前动画正在改变的属性的实时值(每1次动画过程中,属性值的实时反馈呈现)
fx包含了多项属性,比如
执行动画的元素:elem;
动画正在改变的属性:prop;
正在改变属性的当前值:now;
正在改变属性的结束值:end;
正在改变属性的单位:unit;查看全部 -
toggle、sildeToggle以及fadeToggle的区别:
toggle:切换显示与隐藏效果
sildeToggle:切换上下拉卷滚效果
fadeToggle:切换淡入淡出效果
查看全部 -
// 显示隐藏 .hide()+.show() = .toggle()
// 下拉上卷 .slideUp()+.slideDown() = .slideToggle()
// 淡入淡出 .fadeOut()+.fadeIn() = .fadeToggle()查看全部 -
toggle、sildeToggle以及fadeToggle的区别:
toggle:切换显示与隐藏效果
sildeToggle:切换上下拉卷滚效果
fadeToggle:切换淡入淡出效果
当然细节上还是有更多的不同点:
toggle与slideToggle细节区别:toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性
slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性
查看全部 -
fadeOut 的透明度是从1到0
fadeIn的透明度是从0到1
fadeTo 可以随意设置透明度。opacity
查看全部 -
这些包括前面的方法,都可以写一个回调函数。实现该动画后,实现回调函数
查看全部 -
在这里总结一下前面以及本章的学习内容, show() ,hide() (toggle)这两个方法可以显示或者隐藏,通过改变元素宽,高,实现隐藏
slideDown() slideUp() (slideToggle)这两个方法,可以实现,上拉或者下拉,通过改变元素的高,实现隐藏
fadeOut() fadeIn() 通过改变元素透明度,实现隐藏
查看全部 -
stop(); 停止当前动画,点击在暂停处继续开始 .stop(true); 当调用.stop()的时候,队列中的下一个动画立即开始。如果clearQueue参数提供true值,那么在队列中的动画其余被删除并永远不会运行 .stop(true,true); 当前动画将停止,但该元素上的 CSS 属性会被立刻修改成动画的目标值查看全部
-
.get( [index ] ) 注意2点 get方法是获取的dom对象,也就是通过document.getElementById获取的对象 get方法是从0开始索引查看全部
-
jQuery.trim()函数用于去除字符串两端的空白字符查看全部
-
jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。 语法:jQuery.inArray( value, array ,[ fromIndex ] ) .e.g var index = $.inArray('Aaron',['test','Aaron', 'array','慕课网']); $aaron.text('Aaron的索引是: '+ index) //result: Aaron的索引是:1 var index = $.inArray('a',['a','b','c','d','a','c'],2); $aaron.text('a的索引是: '+ index) //result: a的索引是:4查看全部
-
stop():只会停止第一个动画,第二个第三个继续 stop(true):停止第一个、第二个和第三个动画 stop(true ture):停止动画,直接跳到第一个动画的最终状态查看全部
-
toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局)查看全部
-
淡入淡出fadeIn与fadeOut都是修改元素样式的opacity属性,但是他们都有个共同的特点,opacity变化的区间要么是0,要么是1 如果要让元素保持动画效果,执行opacity = 0.5的效果时,用.fadeTo( duration, opacity ,callback)查看全部
举报