用JS+HTML实现类似WML里deck的功能

<script type="text/javascript">
<!--
/*surfchen@gmail.com*/
function show(id)
{
	document.getElementById(id).style.visibility='visible';
	document.getElementById(id).style.position='relative';
	hideExcept(id);
}
function hide(id)
{
	document.getElementById(id).style.visibility='hidden';
	document.getElementById(id).style.position='absolute';
}
function hideExcept(id)
{
	spans=document.getElementsByTagName("span");
	for (i=0;i<spans.length ;i++ )
	{
		this_span=spans.item(i);
		if (this_span.getAttribute("ref")=='page' && this_span.getAttribute("id")!=id)
		{
			hide(this_span.getAttribute("id"));
		}
	}
}
//-->
</script>
<span id="bar"></span><span onClick="show('page1')">page1</span>&nbsp;<span onClick="show('page2')">page2</span>&nbsp;<span onClick="show('page3')">page3</span><span><br />
</span><span id="page1" ref="page">第一页</span><span id="page2" ref="page">第二页</span><span id="page3" ref="page">第三页</span>
<script type="text/javascript">
<!--
show('page1')
//-->
</script>