慕课网

jQuery基础(四)—动画篇

最热最新

幕粉3453737

注意事项：下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none 如果提供回调函数参数，callback会在动画完成的时候调用。将不同的动画串联在一起按顺序排列执行是非常有用的。这个回调函数不设置任何参数，但是 this会设成将要执行动画的那个DOM元素，如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组动画整体才执行一次

查看全部

0 采集收起来源：jQuery中下拉动画slideDown
2017-02-17
幕粉3453737

注意事项： show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度

查看全部

0 采集收起来源：jQuery中显示元素的show方法
2017-02-17
幕粉3453737

$("#a1").stop().hide(3000).show(3000) //stop（）用于避免动画执行过程中反复触发 //语法结构 $("#div").stop();//停止当前动画，继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态，继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态

查看全部

0 采集收起来源：jQuery中显示元素的show方法
2018-03-22
幕粉3453737

jQuery hide() 语法：$(selector).hide(speed,callback) .hide() // 直接隐藏，相当于.hide("0")； .hide("500"); .hide("fast" | "slow"); .hide("500",function() { }); jQuery在做hide操作的时候，是会保存本身的元素的原始属性值，再之后通过对应的方法还原的时候还是初始值。

查看全部

0 采集收起来源：jQuery中隐藏元素的hide方法
2018-03-22
硬币y

，回调函数会在每一个元素执行完动画后都执行一次，而不是这组动画整体才执行一次

查看全部

0 采集收起来源：jQuery中下拉动画slideDown
2017-02-17
北极的大熊

$("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron"); if (v == "1") { // 数值的单位默认是px $aaron.animate({ width :300, height :300 }); } else if (v == "2") { // 在现有高度的基础上增加100px $aaron.animate({ width : "+=100px", height : "+=100px" }); } else if (v == "3") { $aaron.animate({ fontSize: "5em" }, 2000, function() { alert("动画 fontSize执行完毕!"); }); } else if (v == "4") { //通过toggle参数切换高度 $aaron.animate({ width: "toggle" }); } });

查看全部

0 采集收起来源：jQuery中动画animate(上)
2018-03-22
北极的大熊

fadeIn：淡入效果，内容显示，opacity是0到1 fadeOut：淡出效果，内容隐藏，opacity是1到0 如果要让元素保持动画效果，执行 //【切换显示/隐藏】按钮 $("#btnFadeSwitch").click(function() { var v = $("#animation").val(); if (v == "1") { $("p").fadeTo("slow", 0.5); } else if (v == "2") { $("p").fadeTo(1000, 0.2); } else if (v == "3") { $("p").fadeTo(1000, 0.9, function() { alert('完成') }); } });

查看全部

0 采集收起来源：jQuery中淡入效果fadeTo
2018-03-22
Ryan幕

$.each()方法，可用于遍历。如果遍历的是数组，那么回调函数中第一个参数是索引值，第二个是所对应的元素；如果遍历的是对象，那么回调函数中第一个参数是属性名，第二个参数是属性值

查看全部

0 采集收起来源：jQuery中each方法的应用
2017-02-15
Ryan幕

对于select和option标签，在未对option设置value属性时获取的是option的文本内容

查看全部

0 采集收起来源：jQuery中淡出动画fadeOut
2017-02-15
北极的大熊

//点击button //执行3秒隐藏 //执行3秒显示 $("button").click(function() { $("#a1").hide(3000).show(4000) });

查看全部

0 采集收起来源：jQuery中显示元素的show方法
2018-03-22
NJUcong

$("#a1").stop().hide(3000).show(3000) //stop（）用于避免动画执行过程中反复触发 //语法结构 $("#div").stop();//停止当前动画，继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态，继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态

查看全部

0 采集收起来源：jQuery中显示元素的show方法
2018-03-22
晓慕_

stop()：只会停止第一个动画，第二个第三个继续 stop(true)：停止第一个、第二个和第三个动画 stop(true ture)：停止动画，直接跳到第一个动画的最终状态值得注意的问题：如果动画未完成停止了，那么动画完成时执行的回调函数是不会被调用的

查看全部

0 采集收起来源：jQuery中停止动画stop
2017-02-14
利木

【代码待看】

查看全部

0 采集收起来源：jQuery中查找数组中的索引inArray
2017-02-13
利木

[未查看代码]

查看全部

0 采集收起来源：jQuery中each方法的应用
2017-02-13
利木

animation").val();还没学到，不懂

查看全部

0 采集收起来源：jQuery中toggle与slideToggle以及fadeToggle的比较
2018-03-22

首页上一页 94 95 96 97 98 99 100 下一页尾页

0/150

提交

取消

开始学习

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

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