<分区>
标签 javascript jquery css
<分区>
我的 HEADER 元素有一张背景图片,我需要在延迟 3 秒后将它换成另一张图片,我在互联网上找遍了,但找不到解决方案!我已经尝试过 CSS3 和 Jquery,但我就是无法让它工作。
由于网站的构建方式,更改的元素必须是背景图像,而不是 HEADER 元素中的嵌套 Div。
JS
$(document).ready(function() {
$("header").delay(5000).queue(function() {
$(this).css({
"background-image": "url(<?php bloginfo('template_url') ?>/img/header-boy-hover.jpg)"
});
});
});
CSS
header {
-webkit-transition:all 1s ease-in;
-moz-transition:all 1s ease-in;
-o-transition:all 1s ease-in;
-ms-transition:all 1s ease-in;
transition:all 1s ease-in;
}
最佳答案
以前有人问过类似的问题 - 这应该会给你答案
Change CSS background-image with different intervals via jQuery
关于javascript - 动画背景图像到另一个 - CSS/JQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25403497/