-
可以使用inline-block，再设置宽度，将div元素放置在一行查看全部
-
chat使用了each方法来处理查看全部
-
动画在执行过程中是允许被暂停的，当一个元素调用.stop()方法，当前正在运行的动画（如果有的话）立即停止 stop([clearQueue],[gotoEnd])，clearQueue代表是否要停止未执行完的动画队列，gotoEnd代表是否直接将正在执行的动画转到末状态，这两个参数默认都为false。 stop(true,true)表示：清空动画队列（指不会进行第二个、第三个动画）； 跳转到正在执行动画的末状态。 stop(true)：停止所有的动画 stop():停止当前动画，会继续执行后面的动画查看全部
-
if (v == "1") { //观察每一次动画的改变 $aaron.animate({ height: '50' }, { duration :2000, //每一个动画都会调用 step: function(now, fx) { $aaron.text('高度的改变值:'+now) } }) } else if (v == "2") { //观察每一次进度的变化 $aaron.animate({ height: 50 }, { duration :2000, //每一步动画完成后调用的一个函数， //无论动画属性有多少，每个动画元素都执行单独的函数 progress: function(now, fx) { $aaron.text('进度:'+arguments[1]) //1相当于fx,arguments[0]为now,arguments[2]为duration的当前值 } }) }查看全部
-
step：function(a,b)表示每个动画的每一步完成之后都要执行函数。 函数内的两个参数，a表示正在改变的属性值得当前值（例如本例第一个动画的now就表示正在变化的heigh的当前值；b表示对原型对象的引用，而这个原型对象包括了很多属性，例如 执行动画的元素elem;动画正在改变的属性prop;正在改变属性的当前值：now;等等等等。 可以尝试将$aaron.text('高度的改变值:'+now)改为 +fx.elem，或者是 ++fx.prop 观察动画后的变化，就能差不多理解啦~~ .animate( properties, options ) options参数中 step：规定每个动画的每一步完成之后要执行的函数 progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念 列出常用的方式： $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });记得键值对和options之间要加逗号，而且options外面要加{}大括号查看全部
-
语法： .animate( properties [, duration ] [, easing ] [, complete ] ) .animate( properties, options ) properties：一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的，除非另有说明；这些属性如果不是数字的将不能使用基本的jQuery功能。比如常见的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等这些都是能产生动画效果的。background-color很明显不可以，因为参数是red或者GBG这样的值，非常用插件，否则正常情况下是不能只能动画效果的。注意，CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。 px省略。。其他要指定 除了定义数值，每个属性能使用'show', 'hide', 和 'toggle'。这些快捷方式允许定制隐藏和显示动画用来控制元素的显示或隐藏 .animate({ width: "toggle" });查看全部
-
toggle 和 slideToggle的区别 前者从右下隐藏到左上 后者从下垂直到上 toggle、sildeToggle以及fadeToggle的区别： toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果查看全部
-
.fadeTo( duration, opacity [, complete ] )前两个参数是必需的！ 必需的 duration参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间） hide、show、toggle都是修改元素display属性 slideDown、slideUp、slideToggle都是修改元素height属性 fadeIn、fadeOut、fadeToggle、fadeTo都是修改元素样式的opacity属性<br>查看全部
-
fadeToggle切换fadeOut与fadeIn效果，所谓"切换"，即如果元素当前是可见的，则将其隐藏(淡出)；如果元素当前是隐藏的，则使其显示(淡入)。查看全部
-
fadeIn()函数用于显示所有匹配的元素，并带有淡入的过渡动画效果。 注意： •淡入的动画原理：操作元素的不透明度从0%逐渐增加到100% •如果元素本身是可见的，不对其作任何改变。如果元素是隐藏的，则使其可见查看全部
-
不是说不改变宽高的吗，为啥在淡出的时候下面的元素会占据p标签的位置？ 2016-07-27 源自：jQuery基础(四)—动画篇... 3-1 所谓不改变宽高是指，在动画执行的过程中 元素的宽高是不变的 只是透明度改变，但是在动画结束后 元素的display会变成none .val()方法，当没设置value属性时，获取的是<option>中的文本，如“ <option>慕课网</option>”获取到的是“慕课网”； 设置了value属性的话，获取到就是value的值，如“<option value=‘imooc’>慕课网</option>”获取到的是“imooc”而不是“慕课网”了。 fadeOut(1000, "linear")这里的linear是指动画的行进速度方法（easing），顾名思义就是淡出的速度保持恒定的线性速度。而jQuery 核心默认的easing为swing,行进速度在动画开始和结束时比在动画中间时稍慢。查看全部
-
1、slideDown与slideUp是一对相反的方法。需要对元素进行上下拉卷效果的切换，jQuery提供了一个便捷方法 ①slideToggle：用滑动动画显示或隐藏一个匹配元素查看全部
-
.slideDown()：用滑动动画显示一个匹配元素 常见的操作，提供一个动画是时间，然后传递一个回调，用于知道动画是什么时候结束 .slideDown( [duration ] [, complete ] ) 持续时间（duration）是以毫秒为单位的，数值越大，动画越慢，不是越快。字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。如果提供任何其他字符串，或者这个duration参数被省略，那么默认使用400 毫秒的延时。 具体使用： $("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动作.... }); 下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none查看全部
-
jQuery提供了一个便捷方法toggle用于切换显示 jQuery 事件中的toggle() 被摒弃. 只是取消toggle(function(){},function(){}); 但是 jQuery 效果中的 toggle() 方法并没有！ 不要误人子弟喔 基本的操作：toggle(); 这是最基本的操作，处理元素显示或者隐藏，因为不带参数，所以没有动画 提供参数：.toggle( [duration ] [, complete ] ) 同样的提供了时间、还有动画结束的回调。 $("button:first").click(function() { $(".left").toggle(3000) }); 有个bug，如果你不停地点击按钮事件会累积的。 $(".left").stop().toggle(3000)就好了,它就只执行一次。查看全部
-
.index()方法，从匹配的元素中搜索给定元素的索引值，从0开始计数。 如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 如果在一组元素上调用 .index() ，并且参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置 如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1查看全部
举报
0/150
提交
取消