小编Gog*_*ogo的帖子

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

所以我的标记只是:

<div id="header">
    <!--other stuff here...-->
</div>

我的CSS目前是:

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

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

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

具有良好的慢褪色效果.