Question

我试图在没有使用功能的情况下从按钮中获取divison的背景图像。

<input onclick="jQuery('#Div1').hide();jQuery('#Div2').show(); jQuery('#main').css("background-image", "url('../../Content/images/clear.png')");" type="button" class="t-button" style="width: 250px" value="Text" /><br />

隐藏和显示效果很好，但是当我添加更改背景图片时，它无法正常工作。我在同一页面上有几个按钮，并希望根据每个按钮更改图像。提前致谢

Answer 1

使用Css和javascript以简单的方式实现它。使用并尝试下面的代码...它有帮助吗？

$(function){
    $('#button').click(function(){
        if($(this).hasClass('expanded'))
        {
            $(this).addClass('collapsed').removeClass('expanded');
        }
        else
        {
            $(this).addClass('expanded').removeClass('collapsed');
        }
    });
}

CSS

.expanded {background: url(img/x.gif) no-repeat left top;}
.collapsed {background: url(img/y.gif) no-repeat left top;}

Jquery从按钮更改背景图像

1 个答案: