简明现代魔法 -> JavaScript -> 简单的图片显示与隐藏

简单的图片显示与隐藏

2011-03-02

今天有个小问题,在iPhone上显示所有图片。但是不可能一次显示全部,只能显示图片的名称列表。需要点击图片名,然后显示图片,再次点击的话,就隐藏图片。一个比较简单的javascript代码,在这里记录下,方便以后取用。

演示如下:

[ 点我显示与隐藏图片 ]

[ 点我显示与隐藏图片 ]

代码也很简单。

html

[<a onclick=show('img1')> 点我显示与隐藏图片 </a>]
<img src='../images/1.jpg' style='display:none' id='img1' /><br />

javascript

<script type="text/javascript">
function show(id)
{
	//alert(id);
	var img = document.getElementById(id);
	if(img.style.display == "block")
	{
		document.getElementById(id).style.display = "none";
	}
	else if(document.getElementById(id).style.display == "none")
	{
		document.getElementById(id).style.display = "block";
	}
}
</script>
随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们