慕课网

jQuery基础(四)—动画篇

最热最新

qq_明明_10

淡出淡入效果的切换 1.fadeTpggle切换fadeOut与fadeIn效果，可见的元素将其淡出；隐藏的元素将其淡入； 2.基本元素：.fadeToggle(); 3.设置函数：.fadeToggle([duration],[complete]); 3.快捷方式： .fadeToggle("fast"); .fadeToggle("slow");

查看全部

0 采集收起来源：jQuery中淡入淡出切换fadeToggle
2018-03-22
qq_明明_10

淡出动画： 0.动画原理：是指透明度从0变到1； 1.基本函数：.fadeOut(); 2.设置参数：.fadeOut([duration],[complete]); 3.快捷方式：.fadeOut("fast"); .fadeOut("slow");

查看全部

0 采集收起来源：jQuery中淡入动画fadeIn
2018-03-22
qq_明明_10

淡出动画： 1.淡出动画的原理是：利用透明度的改变；透明度的参数是0~1之间的数值； 2.fadeOut():元素是隐藏状态的不做任何改变，元素是可见的，则将其隐藏； 3.fadeOut([duration],[complete]) 在动画完成后触发一个回调函数，只会调整透明度，但是宽度和高度是不会改变的；

查看全部

0 采集收起来源：jQuery中淡出动画fadeOut
2017-01-16
qq_明明_10

上卷下拉的操作： 1.基本的操作：.slideToggle(); 2.提供参数：.slideToggle([duration],[,complete]): 3.快捷方式：slideToggle("fast") slideToggle("slow"); 2.当设置为display:none 则可以确保该元素不会影响页面布局； 3.

查看全部

0 采集收起来源：jQuery中上卷下拉切换slideToggle
2018-03-22
qq_明明_10

向下拉动画 1..slideDown(（[ duration ] [, complete ]）): 用滑动动画显示一个匹配的元素；页面的下面部分滑下去。执行回调是为了知道动画是什么时候结束； 2.刚开始的时候元素是隐藏的，可以设置display:none; 3.duration:是持续时间，数值越大，动画越慢； fast：200毫秒 slow:600毫秒若没有设置，则默认是400毫秒。

查看全部

0 采集收起来源：jQuery中下拉动画slideDown
2017-01-16
梦想还是要有的万一实现了呢

$("li").index() 不带参数的意思就是，第一个li元素在它所有的同级元素中，它的索引是多少

查看全部

0 采集收起来源：jQuery中DOM元素的获取index方法
2018-03-22
小虾学前端

border动画： borderWidth，borderBottomWidth，borderLeftWidth，borderRightWidth，borderTopWidth，borderSpacing，用这个，不能直接用css的写法，要用 DOM 名称

查看全部

0 采集收起来源：jQuery中动画animate(上)
2017-01-13
梦想还是要有的万一实现了呢

var v = $("#animation").val(); // 上面这句话获取值不是特能理解，为什么也可以获取它子节点的value呢待弄清楚

查看全部

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

相同点：step 和 progress 这两个属性，都是在动画执行的每个阶段来调用函数，大部分情况下，使用任意一个，都可以得到我们想要的效果。不同点，主要在fx这个参数上： step： fx返回的是和css相关的属性； progress： fx返回的是动画进度本身的属性； step 函数只能返回我们在代码中设置的最后一条CSS属性值 now:是当前动画正在改变的属性的实时值； fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如执行动画的元素：elem; 动画正在改变的属性：prop; 正在改变属性的当前值：now; 正在改变属性的结束值：end; 正在改变属性的单位：unit;等在函数代码中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。arguments[1]指function(now, fx)的参数fx，而这里fx代表progress的进度，而它是从0-1的,0代表开始，1代表结束。

查看全部

0 采集收起来源：jQuery中动画animate(下)
2017-01-13
小虾学前端

改成left没有动？通过jquery的animate方法控制元素移动，这里需要将元素的位置定义为relative, fixed, 或者 absolute! 大爷的

查看全部

0 采集收起来源：jQuery中动画animate(上)
2017-01-13
qq_明明_10

toggle(): 1.显示与隐藏的切换：可以不用show与hide这一对互斥事件，可以用toggle直接切换。 2..toggle(display):提供参数。

查看全部

0 采集收起来源：jQuery中显示与隐藏切换toggle方法
2017-01-12
qq_明明_10

显示与隐藏元素的方法： 1.默认样式： display:none !important 若希望.show()正常工作，要使用.css('display','block !important')重写样式；

查看全部

0 采集收起来源：jQuery中显示元素的show方法
2017-01-12
qq_明明_10

隐藏元素与现实元素的方法： 1.$("").hide(): 将元素隐藏； 2.$("").show(): 将被隐藏的元素显示出来； 3.$("").hide("fast/slow"): 快捷设置隐藏的速度。

查看全部

0 采集收起来源：jQuery中隐藏元素的hide方法
2018-03-22
码农的小青春

<script type="text/javascript"> $("button").click(function(){ $("#a1").slideToggle(3000) }); </script> slideToggle（a）函数可以理解为：一开始某元素状态是显示的，执行函数a/1000秒后此元素渐渐消失，再次点击函数后改元素的状态从消失到显示（a/1000）秒的时间！display的属性是动态的存在缓存中，当操作函数的时候display的属性才会发生相应的变化！

查看全部

0 采集收起来源：jQuery中上卷下拉切换slideToggle
2018-03-22
码农的小青春

因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面，这里要特别注意 eg: <script type="text/javascript"> $("button:last").click(function(){ $("#a2").slideUp(2000,function(){ alert("2秒动画执行完毕")//可以变向地说这就是动画结束之后的操作必须放在回调函数中 })//一个简单的回调函数 }) </script>

查看全部

0 采集收起来源：jQuery中上卷动画slideUp
2018-03-22

首页上一页 97 98 99 100 101 102 103 下一页尾页

0/150

提交

取消

开始学习

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

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