1.淡入效果:
fadeIn([speed],[easing]),[fn];
淡入效果参数:
参数是可以都省略的,和之前show()、hide()参数一样;
speed:有slow、normal、fast三种速度,或者也能写数字(如:100);
easing:默认是swing,可以是linear;
fn:回调函数,在该动画执行完毕后再执行
2.淡出效果:
fadeOut();
fadeOut([speed],[easing]),[fn];
参数同上。
3.修改透明度:
fadeTo();
fadeOut(speed,opacity,[easing],[fn]);
参数里速度speed和opacity是必须要写的,其他参数同上。
opacity的透明度值在0~1之间。
代码示例:
<script>$(function(){// 淡入fadeIn$("ul li").eq(0).click(function(){$(".box").stop().fadeIn(1000);})// 淡出fadeOut$("ul li").eq(1).click(function(){$(".box").stop().fadeOut(1000);})// 淡入淡出切换fadeToggle$("ul li").eq(2).click(function(){$(".box").stop().fadeToggle(1000);})// 修改透明度fadeTo$("ul li").eq(3).click(function(){$(".box").fadeTo(1000,0.5);})})</script>