慕课网

jQuery基础(四)—动画篇

最热最新

利木

【待自己写一遍：】 <script type="text/javascript"> //【切换显示/隐藏】按钮 $("#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('完成') }); } }); </script>

查看全部

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

【最后来看代码怎么写，因为animation还没学】 $("#btnFadeOut").click(function() { var v = $("#animation").val(); if (v == "1") { $("p").fadeOut(); } else if (v == "2") { $("p").fadeOut("slow"); } else if (v == "3") { $("p").fadeOut(3000); } else if (v == "4") { $("p").fadeOut(2000, function() { alert("隐藏完毕!"); }); } else if (v == "5") { $("p").fadeOut(1000, "linear"); } else if (v == "6") { $("p").fadeOut({ duration: 1000 }); } });

查看全部

0 采集收起来源：jQuery中淡出动画fadeOut
2018-03-22
醒醒醒醒

stop() 动画队列如果有多个动画,停止当前执行的动画,开始下一个动画 stop(true) 真正的停止,当前动画停止,队列里后续动画也不执行 stop(true,true) 当前动画动作停止，并且直接展示所有动画完成后的最终状态

查看全部

0 采集收起来源：jQuery中停止动画stop
2017-02-07
醒醒醒醒

toggle、sildeToggle以及fadeToggle的区别： toggle：切换显示与隐藏效果,改变样式display为none,动态效果为从右至左。 sildeToggle：切换上下拉卷滚效果,设置位置高度为0,动态效果从下至上。 fadeToggle：切换淡入淡出效果,设置透明度为0

查看全部

0 采集收起来源：jQuery中toggle与slideToggle以及fadeToggle的比较
2017-02-07
鹿目圆

基本的操作：toggle(); 这是最基本的操作，处理元素显示或者隐藏，因为不带参数，所以没有动画。通过改变CSS的display属性，匹配的元素将被立即显示或隐藏，没有动画。如果元素是最初显示，它会被隐藏如果隐藏的，它会显示出来

查看全部

0 采集收起来源：jQuery中显示与隐藏切换toggle方法
2017-02-06
醒醒醒醒

上卷下拉切换slideToggle

查看全部

0 采集收起来源：jQuery中上卷下拉切换slideToggle
2017-02-06
Mr丶Jia

CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）

查看全部

0 采集收起来源：jQuery中动画animate(上)
2018-03-22
Mr丶Jia

.val()方法，当没设置value属性时，获取的是<option>中的文本，如“ <option>慕课网</option>”获取到的是“慕课网”；设置了value属性的话，获取到就是value的值，如“<option value=‘imooc’>慕课网</option>”获取到的是“imooc”而不是“慕课网”了。

查看全部

1 采集收起来源：jQuery中淡出动画fadeOut
2018-03-22
xiaobin90

jQuery中DOM元素的获取index方法从匹配的元素中搜索给定元素的索引值，从0开始计数。 1. .index(): 无参数，返回值就是jQuery对象中第一个元素相对于它同辈元素的位置； 2. .index( selector )：如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1； 3. .index( element )：参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置；

查看全部

0 采集收起来源：jQuery中DOM元素的获取index方法
2017-01-18
xiaobin90

jQuery中DOM元素的获取get方法 $(a).get(1) //从前往后 $(a).get(-2) //从后往前注意：get方法是获取的dom对象 get方法是从0开始索引负值的索引起始值是-1

查看全部

0 采集收起来源：jQuery中DOM元素的获取get方法
2017-01-18
xiaobin90

jQuery中去空格trim方法用于去除字符串两端的所有换行符，空格(包括连续的空格)和制表符（tab）如果这些空白字符在字符串中间时，它们将被保留，不会被移除 $.trim($("#results2").val())

查看全部

0 采集收起来源：jQuery中去空格神器trim方法
2018-03-22
xiaobin90

jQuery中查找数组中的索引inArray $.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引：4

查看全部

0 采集收起来源：jQuery中查找数组中的索引inArray
2017-01-18
xiaobin90

jQuery中each方法的应用 jQuery.each(array, callback ) jQuery.each( object, callback ) $.each(["Aaron", "慕课网"], function(index, value) { //index是索引,也就是数组的索引 //value就是数组中的值了 }); $.each({ name: "张三", age: 18 }, function(property, value) { $aaron.append("属性名=" + property + "; 属性值=" + value); }); jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false，则停止循环(相当于普通循环中的break)；如果返回其他任何值，均表示继续执行下一个循环。 $.each(["Aaron", "慕课网"], function(index, value) { return false; //停止迭代 });

查看全部

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

jQuery中停止动画stop stop()：只会停止第一个动画，第二个第三个继续 stop(true)：停止第一个、第二个和第三个动画 stop(true ture)：停止动画，直接跳到第一个动画的最终状态

查看全部

0 采集收起来源：jQuery中停止动画stop
2017-01-18
xiaobin90

jQuery中动画animate(下) .animate( properties, options ) $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, //每一个动画都会调用 step: function(now, fx) { $aaron.text('高度的改变值:'+now) }, //每一步动画完成后调用的一个函数， //无论动画属性有多少，每个动画元素都执行单独的函数 progress: function(now, fx) { $aaron.text('进度:'+arguments[1]) }, complete: function() { $(this).after('<div>Animation complete.</div>'); } now:是当前动画正在改变的属性的实时值； fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如执行动画的元素：elem; 动画正在改变的属性：prop; 正在改变属性的当前值：now; 正在改变属性的结束值：end; 正在改变属性的单位：unit;等可在这里改变animate第1个参数中设置的属性bb在动画结束时的值

查看全部

1 采集收起来源：jQuery中动画animate(下)
2018-03-22

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

0/150

提交

取消

开始学习

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

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