javascript - 使用 fadeIn() 淡化背景图像

Question

我想更改背景图像，我为其构建了一个 ChangeBg 函数，使其褪色。

为什么这不起作用？我做错了什么？

<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.4.js"type="text/javascript"></script>
<script language="JavaScript">
    function changeBg (color) {
        document.getElementById("wrapper").style.background="url(Images/"+color+".jpg) no-  repeat";
        $("changeBg").fadeIn("slow"); }
</script>

Answer 1

一些事情一目了然:

图片的url路径是相对于页面的吗？换句话说，url(Images 应该是 url(/Images?

我假设您在代码中的 no-repeat 中实际上没有空格？我假设浏览器不会自动为您清理。

最后(但也许是最重要的)，你必须修复你的选择器:$("changeBg") 应该是 $("#changeBg") 如果 changeBg是元素id属性。