单击链接时显示图像

Question

我在帮我高中的一位老师建一个网站，这是她的花店主页。她想要一个月份的列表作为链接，当点击一个链接时，那个月的“花朵”就会出现。我应该使用javascript吗?还是用CSS就能轻松实现？谢谢

Answer 1

HTML代码：

<input type="button" value="show image" onclick="showImg()" />
<div id="welcomeDiv"  style="display:none;">
    <img src="http://www.w3schools.com/css/paris.jpg" alt="Paris" style="width:40%">
</div>

JavaScript：

function showImg() {
   document.getElementById('welcomeDiv').style.display = "block";
}