-
jQuery中显示与隐藏切换toggle方法 1.基本的操作：toggle();处理元素显示或者隐藏，因为不带参数，所以没有动画。 2.提供参数：.toggle( [duration ] [, complete ] ) 提供了时间、还有动画结束的回调。 3.直接定位：.toggle(display) 直接提供一个参数，指定要改变的元素的最终效果查看全部
-
如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式 没有验证出来。查看全部
-
$("#a2").show({ duration: 3000, complete: function(){ $("#a2").css("backgroundColor","black") } duuation,complete,属性，与CSS连用 $("#a1").show(1000).css("backgroundColor","red")查看全部
-
$("#animation")这个选择器是获取当前正在动的动画查看全部
-
fadeIn() 淡入 ，由隐藏到可见 fadeOu() 淡出，由可见到隐藏 fadeToggle 淡入淡出的切换 fadeTo 把被选的元素改变到给定的不透明度查看全部
-
$().index（）无参数，返回值是jQuery对象中第一个元素相对同辈元素的位置 .index(selector)，返回值是传入元素相对于集合的位置 .index(element)， 返回值是元素相对集合的位置查看全部
-
.stop() 停止第一个动画，其余动画继续。 .stop(true) 停止当前动画，其余动画停止 .stop(true, true) 停止当前动画，直接跳到最终状态查看全部
-
stop();//停止当前元素正在进行的动画 stop(true);//停止当前元素内所有动画动作(包括进行与即将要进行) stop(true,true);;//停止当前元素进行的动画,并直接跳到这个动画的终点状态查看全部
-
$('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
淡入的动画原理：操作元素的不透明度从0%逐渐增加到100% 如果元素本身是可见的，不对其作任何改变。如果元素是隐藏的，则使其可见查看全部
-
下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none 如 果提供回调函数参数，callback会在动画完成的时候调用。将不同的动画串联在一起按顺序排列执行是非常有用的。这个回调函数不设置任何参数，但是 this会设成将要执行动画的那个DOM元素，如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组 动画整体才执行一次查看全部
-
show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度查看全部
-
get方法是获取的dom对象，也就是通过document.getElementById获取的对象查看全部
-
now:是当前动画正在改变的属性的实时值； <script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron"); 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]) // var data = fx.elem.id + ' ' + fx.prop + ': ' + now; // alert(data) } }) } }); </script>查看全部
-
.animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) properties：一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的，除非另有说明查看全部
举报
0/150
提交
取消