可以't使背景图像淡入
Can't make background images fade in?
我以前用过这个代码来表达各种其他想法,但我从未在animate之外做过渐变,所以我希望图像在更改时进行渐变,在这个代码中可能吗?还是我必须找到另一种方法?你看到淡入淡出的地方是我目前拥有的地方,但淡入淡出似乎不起作用。我试着把时间和间歇时间匹配起来,但也没有成功。
$(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;
}
相关文章:
- 可以在这里为背景图像设置滤镜吗
- 使用 js 将背景图像设置为 HTML
- 如何使用css动画/javascript使具有背景图像的元素出现
- 循环浏览多个身体背景图像
- 背景图像顶部的滚动图像不移动
- 在pdfmake中嵌入背景图像
- 修复选择菜单时的背景图像
- 使用css()设置背景图像;不起作用
- 鼠标悬停时如何居中放大背景图像
- 强制谷歌为javascript背景图像编制索引
- 淡入不带HTML的背景图像
- 具有淡入淡出效果的全背景图像
- 未加载随机背景图像
- 背景图像前显示Javascript警报
- javascript背景图像位置循环
- CSS动画背景图像的过渡越来越暗
- "Ken Burns效应”;悬停背景图像
- 通过ID JavaScript显示随机背景图像
- JavaScript背景图像
- 带有图像和背景图像的ClipTo