慕课网

jQuery基础(四)—动画篇

最热最新

黄枪枪

step方法 elem:[object HTMLDivElement] //执行动画的元素 prop:height //动画正在改变的属性 easing:swing //动画执行(速度)方式 options:[object Object] //animate()方法相关信息(改变属性名,持续时间等) now:50 //改变属性的当前值 start:100 //改变属性的初始值 end:50 //改变属性的结束值 unit:px //改变属性的单位 pos:1 // process进程改变属性的完整情况 progress方法中的对象属性大多只能用来做查询(除了duration参数),修改对象属性不能改变 animate()的任何参数 elem:[object HTMLDivElement] //执行动画的元素 props:[object Object] //动画正在改变的属性 opts:[object Object] //animate()方法相关信息(改变属性名,持续时间等) originalProperties:[object Object] //动画最初要改变的属性 originalOptions:[object Object] //animate()方法最初相关信息(改变属性名,持续时间等) startTime:1491200118027 //animate() 开始执行时间 duration:2000 //animate() 动画持续时间 tweens:[object Object] //空对象,用于存放 jQuery.Tween 对象

查看全部

0 采集收起来源：jQuery中动画animate(下)
2017-04-03
黄枪枪

$(selector).each() 是jQuery对象方法,只能处理处理jQuery对象 $.each() 是一个通用的jQuery.each方法，用来处理对象和数组的遍历数组: $.each(["Aaron", "慕课网"], function(index, value) { //index是索引,也就是数组的索引 //value就是数组中的值,相当于 this 的引用 }); 对象: $.each({ name: "张三", age: 18 }, function(property, value) { //property 属性名 //value 属性值 }); each就是for循环方法的一个包装，内部就是通过for遍历数组与对象. jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false，则停止循环(相当于普通循环中的break)；如果返回其他任何值，均表示继续执行下一个循环。

查看全部

0 采集收起来源：jQuery中each方法的应用
2018-03-22
黄枪枪

1.hide sildeUp fadeOut 动画效果执行到最后都是将 dispaly 设置为 none; 2.toggle sildeToggle fadeToggle 操作都是通过 display的值来进行判断; 3.fadeTo 不对 dispaly属性做修改.

查看全部

0 采集收起来源：jQuery中toggle与slideToggle以及fadeToggle的比较
2017-04-02
黄枪枪

.fadeTo( duration, opacity ,callback) fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。因为 opacity 为必填参数,所以 opacity参数前的 duration参数就不得不填.

查看全部

0 采集收起来源：jQuery中淡入效果fadeTo
2017-04-02
黄枪枪

display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值当一个隐藏动画，高度值达到0的时候，display 样式属性被设置为none，以确保该元素不再影响页面布局

查看全部

0 采集收起来源：jQuery中上卷下拉切换slideToggle
2017-04-02
黄枪枪

$("button:last").click(function() { $("#a2").slideUp(3000,function(){ alert('动画执行结束') }) alert('slideUp外面') }); 因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面如以上的例子: 因为动画是异步的, slideUp 刚开始运行, alert('slideUp外面’) 就被执行,而 alert('动画执行结束') 是在 slideUp 运行结束后被执行

查看全部

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

$("button:first").click(function() { // $(".left").toggle() //与下面代码效果相同 if ( $(".left").css("display") === "none" ) { $( ".left" ).show(); } else { $( ".left" ).hide(); } }); $("button:last").click(function() { $(".right").toggle(3000) });

查看全部

0 采集收起来源：jQuery中显示与隐藏切换toggle方法
2018-03-22
黄枪枪

1.show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置 display:none :使元素消失,不占用浏览器空间 visibility:hidden :使元素看不见,在浏览器中依然占用空间 2.如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式 !important :强调css的优先级最高 3.如果让show与hide成为一个动画(加上时间参数)，那么默认执行动画会改变元素的高度，高度，透明度

查看全部

0 采集收起来源：jQuery中显示元素的show方法
2017-04-02
sunnydreamfly

step,progress 区别

查看全部

0 采集收起来源：jQuery中动画animate(下)
2017-04-01
sunnydreamfly

Why alert 2 Time

查看全部

0 采集收起来源：jQuery中淡入动画fadeIn
2017-04-01
天天向上天天想上

快捷参数： .hide("fast / slow") 这是一个动画设置的快捷方式，'fast' 和 'slow' 分别代表200和600毫秒的延时，就是元素会执行200/600毫秒的动画后再隐藏

查看全部

0 采集收起来源：jQuery中隐藏元素的hide方法
2018-03-22
weibo_千殇羽若_03614620

如果多个元素执行动画，回调将在每个匹配的元素上执行一次，不是作为整个动画执行一次。

查看全部

0 采集收起来源：jQuery中动画animate(下)
2017-03-31
weibo_千殇羽若_03614620

toggle:改变样式display为none，切换显示与隐藏效果。 slideToggle：设置位置高度为0，切换上下拉卷滚效果。 fadeToggle：设置透明度为0，切换淡入淡出效果。

查看全部

0 采集收起来源：jQuery中toggle与slideToggle以及fadeToggle的比较
2017-03-31
慕粉0058078966

语法：参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) 如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置如果在一组元素上调用 .index() ，并且参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1

查看全部

0 采集收起来源：jQuery中DOM元素的获取index方法
2017-03-28
慕粉0058078966

语法： .get( [index ] ) 注意2点 get方法是获取的dom对象，也就是通过document.getElementById获取的对象 get方法是从0开始索引所以第二个a元素的查找： $(a).get(1) 负索引值参数 get方法还可以从后往前索引，传递一个负索引值，注意的负值的索引起始值是-1 同样是找到第二元素，可以传递 $(a).get(-2)

查看全部

1 采集收起来源：jQuery中DOM元素的获取get方法
2017-03-28

首页上一页 78 79 80 81 82 83 84 下一页尾页

0/150

提交

取消

开始学习

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

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