小编Gog*_*ogo的帖子

使用jquery每隔10秒更改一个具有淡入淡出效果的div的背景图像

我想在页面的标题区域中创建幻灯片.它应该每10秒更改一次背景图像,并具有漂亮的淡入淡出效果.而且由于我已经将jQuery用于其他东西,我也想用它.

所以我的标记只是:

<div id="header">
    <!--other stuff here...-->
</div>
Run Code Online (Sandbox Code Playgroud)

我的CSS目前是:

#header {
    background:  url('images/header_slides/slide_1.jpg') no-repeat;
}
Run Code Online (Sandbox Code Playgroud)

所以现在我想要的是在10秒后它会变为

#header {
    background:  url('images/header_slides/slide_2.jpg') no-repeat;
}
Run Code Online (Sandbox Code Playgroud)

具有良好的慢褪色效果.

jquery fade background-image

8
推荐指数
3
解决办法
4万
查看次数

标签 统计

background-image ×1

fade ×1

jquery ×1