为了账号安全,请及时绑定邮箱和手机立即绑定
  • 显而易见,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)
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的动画处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!