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

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

jQuery基础(四)—动画篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

qq_请勿投食_0

$("#a1").stop().hide(3000).show(3000)
//stop（）用于避免动画执行过程中反复触发

//语法结构
$("#div").stop();//停止当前动画，继续下一个动画
$("#div").stop(true);//清除元素的所有动画
$("#div").stop(false, true);//让当前动画直接到达末状态，继续下一个动画
$("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态

45 1-3 jQuery中显示元素的show方法

2016-12-20

陈喵喵

两个p标签，所以会弹出两个对话框

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

2016-12-19

陈喵喵

jQuery只包含了两个缓动方法：swing和linear。linear方法提供了一个稳定的动画，以使得动画的每个步骤都是相同的(例如，如果要让一个元素以逐渐变化的方式穿过屏幕，每一步的距离和前一步都是相同的)。swing要更加动态一些，随着动画的开始变得更加快一些，然后再慢下来。swing是一个常用设置，因此，如果没有指定任何缓动，jQuery会使用swing方法。

6 3-1 jQuery中淡出动画fadeOut

2016-12-19

youhayouha

1. stop() 停止当前动画
2. stop(true) 停止当前执行动画元素的所有动画行为
3. stop(true,true) 停止当前执行动画元素的所有动画行为，并且直接到达当前动画最后一帧

4 5-3 jQuery中停止动画stop

2016-12-19

ke柯

get方法是从0开始索引，从后往前索引，传递一个负索引值，起始值是-1

0 6-4 jQuery中DOM元素的获取get方法

2016-12-19

陈喵喵

duration 可选/String/Number类型指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。
easing 可选/String类型指定使用何种动画效果，默认为"swing"，还可以设为"linear"或其他自定义的动画样式的函数名称。
complete 可选/Function类型元素隐藏完毕后需要执行的函数。函数内的this指向当前DOM元素。
options Object类型指定的选项参数对象。

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

2016-12-19

ke柯

properties：一个或多个css属性的键值对所构成的Object对象

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

2016-12-19

ke柯

toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果

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

2016-12-19

ke柯

.fadeTo( duration, opacity ,callback) duration参数规定时长，opacity 参数设置不透明度， callback 参数是执行的函数名称。

0 3-4 jQuery中淡入效果fadeTo

2016-12-19

ke柯

fadeToggle切换fadeOut与fadeIn效果

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

2016-12-19

ke柯

slideToggle()综合了slideDown()和slideUp()的功能。

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

2016-12-19

ke柯

加油~·继续努力吧

0 2-2 jQuery中上卷动画slideUp

2016-12-19

ke柯

$("#a1").hide(3000).show(3000) 找到类a1，进行（3000ms）隐藏，然后再显示（3000ms）

0 1-3 jQuery中显示元素的show方法

2016-12-19

qq_夏宝_0

连续多按的话要在$("#al")后面加个.stop()

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

2016-12-19

ke柯

在哪里看视频呢，我怎么又是看代码自己敲，，

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

2016-12-19

ke柯

action。

0 1-1 课程介绍

2016-12-19

首页上一页 45 46 47 48 49 50 51 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(四)—动画篇