这篇文章运用简单易懂的例子给大家介绍jQuery怎么实现淡入于淡出动画效果，代码非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

站在用户的角度思考问题，与客户深入沟通，找到会泽网站设计与会泽网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站设计、网站制作、企业官网、英文网站、手机端网站、网站推广、域名申请、网页空间、企业邮箱。业务覆盖会泽地区。

淡入与淡出

hide()和show()函数的动画都在不断的改变着大小,实际上这种做法非常的混乱,所以我们此时最好的做法是可以进行淡入与淡出的效果

淡入操作:fadeIn(时间,function(){})

淡出操作:fadeOut(事件,function(){})

自己设置淡出操作fadeTo(事件,淡出率,function(){}),淡出率不超过1

淡出操作

使用fadeTo（）观察淡出率问题

$(function(){
//设置淡出率
$(myimg).fadeTo(5000,0.3,function(){});
});

如果设置为0表示完全淡出，如果设置为1,表示不单出。

如果已经懂得了淡入于淡出的操作，可以实现一排按钮

利用淡入于淡出实现菜单的功能

关于jQuery怎么实现淡入于淡出动画效果就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享名称：jQuery怎么实现淡入于淡出动画效果-创新互联
地址分享：http://azwzsj.com/article/gjced.html