我可以用jQuery淡入背景图片(CSS:background-image)吗?

前端之家收集整理的这篇文章主要介绍了我可以用jQuery淡入背景图片(CSS:background-image)吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div元素的文本和背景图像,通过CSS属性background-image设置。是否可以通过jQuery淡入背景图像?

HTML:

<div>Text</div>

CSS:

div {
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg);
   border: 1px solid #666;
   height: 10em;
}

编辑

我做了一个fiddle举例说明我的情况。基本上,这配置一个初始背景图像和一个转换,并使用jQuery更改背景图像。在我的测试中,两个图像之间没有动画过渡。

EDIT2

我修订fiddle工程!

解决方法@H_502_20@
可能不是与jquery,但你可以与css3过渡看到这个例子:

http://css3.bradshawenterprises.com/cfimg/

也看到这个答案

CSS3 Fade Effect

原文链接:https://www.f2er.com/jquery/184864.html

猜你在找的jQuery相关文章