到目前为止,我已经尝试了很多方法以达到以下效果,但均未成功:
<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,z-index:-1这样它们就可以像背景一样发挥作用,并且位于其他一切之后。
<img>
display:none;
position:absolute
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();