Question

鼠标点击链接显示图片，再次点击图片图片消失

如题目所描述的，不是打开新窗口，就是点击链接出来一个只有图片的层，然后再点击可以让这个层消失。很多B2C网站有这种效果，请问各位如何实现呢？谢谢！

Answer 1

这个很简单的。。。比如这个是你的连接<a onclick="showdiv()" href="#">你的连接</a>建立一个ID为img_div的层，里面放个图片<div id="img_div"><img src="xxx.jpg" /></div>在HEAD中加上<script type="text/javascript">function showdiv(){ if (document.getElementById("img_div").style.display=="block") { document.getElementById("img_div").style.display="none"; } else { document.getElementById("img_div").style.display="block"; } }</script>

Answer 2

<img src="advpic.gif" id=tp>//（advpic.gif是个图片） <input type="button" onClick="xs()" value="显示"><input type="button" onClick="yc()" value="隐藏"><script>
function xs()
{
document.getElementById('tp').style.display='block';
}
function yc()
{
document.getElementById('tp').style.display='none';
}</script>

Answer 3

添加服务器行为，onClick为事件，隐藏－显示层为动作。

Answer 4

http://www.huddletogether.com/projects/lightbox2/这个是lightbox 效果 这个网站可以下载 或者你直接搜lightbox 有很多素材的.