javascript – 如何使用JQuery添加淡入淡出或图像过渡效果?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用JQuery添加淡入淡出或图像过渡效果?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我只有一个< img>我页面上的元素.我每隔7秒更改一次该图像的src属性.

我每7秒看一次新图像,但如果我可以在加载新图像时添加一些淡入淡出或过渡效果会更好.

有些人有简单的脚本吗?

我不需要任何插件.这样做只需要一些线索或几行样本.

最佳答案
尽管KaiQing提到了,你可以使用jQuery的回调功能在你改变它时淡入/淡出图像.这可以这样完成:http://www.jsfiddle.net/bradchristie/HsKpq/1/

$('img').fadeOut('slow',function(){
    $(this).attr('src','/path/to/new_image.png').fadeIn('slow');
});

猜你在找的jQuery相关文章