Question

求用JavaScript实现点击按钮更换不同的图片

效果大概这样：

Answer 1

<div id="图片显示区"></div>
　　<div id="按钮">
　　        <input type="button" value="蒙娜丽莎" onclick="图片显示区.innerHTML='<img src=1.jpg>'">
　　        <input type="button" value="最后的晚餐" onclick="图片显示区.innerHTML='<img src=2.jpg>'">
　　</div>

这是最容易看懂的方式了，但代码有点臃肿，不方便维护，如果把按钮内容和图片名存入数组或对象，用函数切换比较方便维护。

Answer 2

$("#btnId").click(function() {
     var id = this.id;
     var imageUrl = images[this.id]; // 根据不同的id取不同的图片地址
     $("#imgId").attr("src", imageUrl);
});

追问

假设是图片1.jpg和2.jpg：
　　
　　
　　
　　
　　
　　
　　
肿么破？

追答

$("input").click(function() {
     var val = this.value;
     if (val == "蒙娜丽莎") {
        $("#图片显示区").css("background-image", "url(1.jpg)");
     }
     else
     {
        $("#图片显示区").css("background-image", "url(2.jpg)");
     }
});

跟我上面发的差不多，不过你这个id中文不知道行不行