到目前为止,我已经尝试了很多方法,但没有成功:
<script type="text/javascript">
var x = 0;
while (true) {
/* change background-image of #slide using some variation
of animate or fadeIn/fadeOut with or without setTimeout */
x++;
}
</script>
有任何想法吗?
您可以淡化背景颜色,但不能淡化背景图像。解决这个问题的方法是将你的图像设置为<img>
标签并默认隐藏它们display:none;
。给出你的图像position:absolute
and z-index:-1
所以它们就像背景一样,位于其他一切的后面。
下面是一个图像逐个褪色的简单示例。
HTML
<img src=".." />
<img src=".." />
CSS
img{
position:absolute;
z-index:-1;
display:none;
}
jQuery
function test() {
$("img").each(function(index) {
$(this).hide();
$(this).delay(3000* index).fadeIn(3000).fadeOut();
});
}
test();
检查工作示例http://jsfiddle.net/RyGKV/ http://jsfiddle.net/RyGKV/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)