如何点击Button切换图片

Question

我设置了三个Button按钮 点击Button1切换图片点击Button2切换图片同时Button1恢复原来图片 点击Button1切换图片Button2恢复原来图片

Answer 1

如果是HTML页面的话，可以使用html标签+jquery脚本
HTML标签中，可以给button加2个图的属性

<button id="button1" data-defaultsrc="1的默认图片地址" data-clicksrc="1的点击后图片地址">Button 1</button>
<button id="button2" data-defaultsrc="2的默认图片地址" data-clicksrc="2的点击后图片地址">Button 2</button>
<script>
    $(function(){
        $("#button1").click(function(){
            $(this).css({"background":$(this).data("clicksrc")});
            $("#button2").css({"background-image":"url("+$("#button2").data("defaultsrc")+")"});
        });
        $("#button2").click(function(){
            $(this).css({"background":$(this).data("clicksrc")});
            $("#button1").css({"background-image":"url("+$("#button1").data("defaultsrc")+")"});
        });
});
</script>