jQuery基础(四)—动画篇_技术问答

首页免费课 jQuery基础(四)—动画篇问答

jQuery基础(四)—动画篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·122012
免费课程
                                
jQuery基础(二)—DOM篇
入门·114010
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211525
免费课程
                                
jQuery基础(三)—事件篇
入门·89994
免费课程
                                
jQuery基础 (一)—样式篇
入门·217505
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71437
免费课程
                                
                难度初级
            
                时长 1小时37分
            
                学习人数
            
综合评分9.20
                            565人评价
                        查看评价
                                9.5
                                内容实用
                            
                                9.2
                                简洁易懂
                            
                                8.9
                                逻辑清晰

全部评论问答未解决精华

zhangshiding

按官方文档解释：step：规定每个动画的每一步完成之后要执行的函数progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念。解释完全不一样，仔细品，传达出来的内涵实际差不多，动画是一个动态的过程，既然动态就要调用函数执行动作，既然是过程就不是一下子能完事的。综合来讲就是每调用一次函数执行一步，每执行完一步后回过头来调用函数执行下一步，具体执行多少步，调用多少次函数，系统说的算，与时间长短无关，1年是一个过程，0.01秒也是一个过程，有木有感受到step与progress之间的异同。

0 5-2 jQuery中动画animate(下)

2018-10-16

zhangshiding

简单区分一下step和progress，现在什么都讲究语义化，见文知义。step的意思是步骤，progress的意思是进度，你工作进度怎么样？你完成到哪一个步骤了？很显然，这两个单词意思相近，那么效果也是大同小异的。按官方

1 5-2 jQuery中动画animate(下)

2018-10-16

Mrgreed

alert（）方法出现两次是因为隐藏了2个P元素

0 3-1 jQuery中淡出动画fadeOut

2018-09-10

qq_Material_0

$aaron.animate( {width: '50',height: '150'}, {
//每一个动画都会调用step,now体现的是前面对象里最后一个属性值的当前值，最后一个是height就是表示的高的值，fx.start/end表示最后一个值从多少开始/结束
step: function(now, fx) {
$aaron.text('高度的改变值:'+now)
}

0 5-2 jQuery中动画animate(下)

2018-08-20

老刘123

这叫透明度好吗，我求求你上点心吧

1 3-4 jQuery中淡入效果fadeTo

2018-08-12

老刘123

非要加上那2个看不懂的属性，脱裤子放屁

0 1-2 jQuery中隐藏元素的hide方法

2018-08-12

_石石石石小静

hhhhhhhhhhh

0 1-1 课程介绍

2018-08-08

qq_骑行夏威夷_1

水了很多节了啊老师

0 6-1 jQuery中each方法的应用

2018-07-09

qq_骑行夏威夷_1

这个东西弄半天
把它的jq改一下
后面那个同学没加s
<script src="https://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

0 2-1 jQuery中下拉动画slideDown

2018-07-09

主宰灵魂

前面的不好,慕课不能删自己的评价,添加重置代码用这个
$('<button>重置</button>').appendTo("body").click(function(){
$("div").removeAttr("style");
});

0 5-1 jQuery中动画animate(上)

2018-06-24

主宰灵魂

script标签里加点代码好用于重置效果
$('<button>重置</button>').appendTo("body").click(function(){
$("div").css({width:"",height:"",fontSize:"",display:""})
});

1 5-1 jQuery中动画animate(上)

2018-06-23

Silvermoon丶

实现点击按钮后不断重复执行sideToggle
$("button").click(function() {
setInterval(function(){
$("#a1").slideToggle(1000);
},1000);

0 2-3 jQuery中上卷下拉切换slideToggle

2018-06-21

主宰灵魂

老师这四章讲的都不太好,完全是照抄jQuery123的内容,即使是翻译有误的也完全照搬,内容有错的地方很多啊

2 2-2 jQuery中上卷动画slideUp

2018-06-21

van_jf

这一节是总结篇。。

0 4-1 jQuery中toggle与slideToggle以及fadeToggle的比较

2018-06-09

van_jf

慕课网，专注少's'

1 3-3 jQuery中淡入淡出切换fadeToggle

2018-06-09

首页上一页 1 2 3 4 5 6 7 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(四)—动画篇