0

我对 jQuery 真的很陌生,我正在努力做到这一点,所以当你将鼠标悬停在某个<div>( #onefourth) 上background-image时,#bottomleftjunk切换到'junk1.png'。问题是当我将鼠标悬停在 div 上时,它只会使当前的背景图像消失,而不是将其切换到新的背景图像。

$('#onefourth').hover(
    function()
    {
        $('#bottomleftjunk').css("background-image", "url(junk1.png)");
    }, 
    function()
    {
        $('#bottomleftjunk').css("background-image", "url(junk1.png)");
    }
);

如果有人有任何想法,我将非常感谢您的帮助,谢谢!

4

2 回答 2

0

你指的是同一张图片。请更正它并尝试以下代码。

$(document).ready(function () {
                $("#onefourth").hover(function () {
                    $('#bottomleftjunk').attr("src", "junk1.jpg");
                }, function () {
                    $('#bottomleftjunk').attr("src", "junk2.jpg");
                }
                });
            });
于 2013-06-06T09:21:19.800 回答
0

好吧,背景正在被删除,所以您可以确定一件事:您的 JavaScript 正在工作。这意味着它几乎肯定是文件路径问题。调用css()jQuery 将编辑元素的内联样式,这意味着路径必须相对于 HTML 文档。

以这个结构为例:

root
 |-index.html
 |
 |-scripts
 |  |-javascript.js
 |  |-css.css
 |
 |-images
 |  |-junk1.jpg
 |  |-otherimages.jpg

'junk1.jpg' 的路径,相对于 index.html,将是:images/junk1.jpg

于 2013-06-06T09:23:46.210 回答