jQuery翻转 - 替换背景图像

时间:2013-09-09 13:33:26

标签: jquery menu

我有一个子菜单,当父级'li'悬停并且运行正常时滑出。当这个行为发生时,我正试图让父母'li'的背景图像发生变化。

    $(function () {
    $('nav li ul').hide().removeClass('fallback');
    $('nav li').hover(function () {
        //$('this').css('background-image','"url(' + images/arrow.png + ')"');
        $('ul', this).stop().slideToggle(200);
    });
});

注释行是我失败的尝试,但希望能够了解我想要尝试的内容。

谢谢!

2 个答案:

答案 0 :(得分:5)

你的字符串连接错误

$(function () {
    $('nav li ul').hide().removeClass('fallback');
    $('nav li').hover(function () {
        $('this').css('background-image','url(images/arrow.png)');
        $('ul', this).stop().slideToggle(200);
    });
});

答案 1 :(得分:2)

$(this).css('backgroundImage', 'url(images/arrow.png)')

Arun对于字符串连接是正确的,但您还需要从中删除单引号。

相关问题