我以前曾将此代码用于其他各种想法,但我从未在动画之外进行淡入淡出,所以我希望图像随着变化而淡入淡出,这可能吗?还是我必须找到另一种方法?您现在可以看到淡入淡出的地方是我目前所处的地方,但是淡入淡出似乎不起作用。我尝试将时间与间隔匹配也没有运气。
$(function () { // DOCUMENT ready shorthand
var cnt=0, bg;
var $body = $('body');
var arr = ['images/01.jpg','images/02.jpg','images/03.jpg','images/04.jpg','images/05.jpg','images/06.jpg','images/07.jpg'];
var bgrotater = setInterval(function() {
if (cnt==7) cnt=0;
bg = 'url("' + arr[cnt] + '")';
cnt++;
$body.css('background-image', bg).fadeIn('fast');
}, 5000);
});
万一将来有人遇到这个问题,那么您要做的就是像这样在CSS中添加过渡。还要注意说过渡的部分。
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #666;
background-image: url(images/01.jpg);
background-size: 100% 150%;
background-attachment:fixed;
margin: 0;
padding: 0;
color: #FFF;
transition: background 1.5s linear;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句