使用animate()完成修改图片src切换图片的动画效果

转载于 2016-04-21 14:30:00 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/3body/p/5416809.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery实现图片透明度动画切换并更新图片源的方法。通过在动画回调函数中修改图片的src属性，实现了图片的平滑过渡。此技巧可用于网页设计中的轮播图等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如下所示，在动画效果中的回调函数中进行src的修改和动画的切换

$(".TopImg").animate(
　　{opacity:'toggle'},
　　"slow",
　　null,
　　function(){
　　　　$(".TopImg").attr("src","../images/2.jpg");
　　　　$(".TopImg").animate({opacity:'toggle'},"slow");
　　}
);

转载于:https://www.cnblogs.com/3body/p/5416809.html