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

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

jQuery基础(四)—动画篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·122011
免费课程
                                
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
                                逻辑清晰

全部评论问答未解决精华

不拘艺格

$(".div1").click(function(){
$(this).hide({
duration : 3000,
complete : function(){
alert("执行3000ms动画完毕！")
}
})
})

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

2016-11-04

sunnylinner

alert('值的长度：' + $('#results2').val().trim().length)

4 6-3 jQuery中去空格神器trim方法

2016-11-04

慕粉3673019

div不是块元素吗？为什么在这里两个button元素跟他排成一行？

1 1-4 jQuery中显示与隐藏切换toggle方法

2016-11-04

怪杰不懂

我一般是慕课过完一般，然后相应的书籍过一般。

2 6-5 jQuery中DOM元素的获取index方法

2016-11-03

织梦_

边学边忘是怎样一种体验？

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

2016-11-03

织梦_

slideDown和show的区别就是 slideDown只匹配高度

3 2-1 jQuery中下拉动画slideDown

2016-11-03

织梦_

我表示没看到class=left的div的结束标签

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

2016-11-03

孤月王珏

stop()：只会停止第一个动画，第二个第三个继续
stop(true)：停止所有动画，保留当前的动画结果状态，不进行跳转
stop(true ture)：停止动画，直接跳到第一个动画的最终状态

0 5-3 jQuery中停止动画stop

2016-11-03

孤月王珏

设置一个id为box的div,设置个id为btn1和id为btn2的按钮进行如下代码演示
$(".btn1").click(function(){
$("#box").animate({height:"300px",width:"300px",opacity:0.9,margin:100});
});
$(".btn2").click(function(){
$("#box").animate({height:"100px",width:"100",opacity:0.5,margin:10});

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

2016-11-03

孤月王珏

看上面的例子太复杂，不适合初学者

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

2016-11-03

孤月王珏

wordSpacing是单词间距，

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

2016-11-03

孤月王珏

<p>测试文字透明度效果</p>
<p>慕课网,专注分享</p>
两个p，所以会alert两次

1 3-4 jQuery中淡入效果fadeTo

2016-11-03

孤月王珏

基本上已经不看左边的额知识点了，，只看中间的代码，，，感觉更舒服一点

0 3-1 jQuery中淡出动画fadeOut

2016-11-03

孤月王珏

或者：$("button").click(function() {
$("#a1").slideUp(300,function () {
$("#a1").slideDown(300);
})
});

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

2016-11-03

孤月王珏

$("button").click(function() {
$("#a1").slideToggle(300,function () {
$("#a1").slideToggle(300);
})
});
连续执行：先上后下动画

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

2016-11-03

首页上一页 43 44 45 46 47 48 49 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(四)—动画篇