700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > jQuery:jQuery淡入淡出效果语法及修改透明度fadeTo()

jQuery:jQuery淡入淡出效果语法及修改透明度fadeTo()

时间:2021-01-16 01:32:10

相关推荐

jQuery:jQuery淡入淡出效果语法及修改透明度fadeTo()

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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。