-
empty()方法只移除指定元素($aar)的所有子节点,包括子元素和其他后代元素,同样移除元素里的文本(因为元素里的任何文本字符都被看做是该元素的子节点),empty不移除指定元素本身。查看全部
-
jQ $("button:last").click(function() { $("#a2").slideDown(3000,function(){ alert('动画执行结束') }) }); //用滑动动画显示一个匹配元素查看全部
-
jQ $("button:first").click(function() { $(".left").toggle(3000) }); //hide,show之间的切换查看全部
-
jQ $("button:first").click(function() { $("#a1").hide( { duration:3000 //执行动画隐藏 hide(3000) }) });查看全部
-
对于step这个关键参数的用法,可看下面的相关注释,我从网上找到的: on(n,fx){ // 动画元素的每个动画属性每一次动画效果的执行都将调用的函数。第1个参数是当前动画正在改变的属性的实时值(每1次动画过程中,属性值的实时反馈呈现);第2个参数为修改Tween 对象提供了一个机会来改变animate第1个参数中设置的属性在动画结束时的值。 // fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如 // 执行动画的元素:elem; // 动画正在改变的属性:prop; // 正在改变属性的当前值:now; // 正在改变属性的结束值:end; // 正在改变属性的单位:unit;等查看全部
-
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")。查看全部
-
oggle与slideToggle以及fadeToggle的比较 操作元素的显示和隐藏可以有几种方法。 例如: 改变样式diplay为none 位置高度为0 透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeInOut。除此之外,还引入了toggle、sildeToggle以及fadeToggle切换方法 toggle、sildeToggle以及fadeToggle的区别: toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局) //虽然是通过opacity来改变的但是动画结束后display=none,所以不在再占用位置查看全部
-
.slideDown( [duration ] [, complete ] ); $("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动作.... });查看全部
-
//【隐藏】按钮 $("#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 });查看全部
-
show与hide方法是修改的display属性,通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中,比如display: none !important,如果你希望.show()方法才能正常工作,必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画,那么默认执行动画会改变元素的高度,高度,透明度查看全部
-
options参数 duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 step:规定每个动画的每一步完成之后要执行的函数 progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念 complete:动画完成回调查看全部
-
!important 提高css优先级查看全部
-
duration:3000 是执行的时间是3秒钟, complete是回调,意指3秒钟结束后执行 注意:在hide后面用css.(display:"block")是不行的查看全部
-
淡入淡出 小案例查看全部
-
slideDown()向下隐藏 slideUp()向上隐藏 slideToggle()向上向下查看全部
举报
0/150
提交
取消