javascript实现四个重叠DIV切换功能_H5之家 - 中国HTML5教程资源分享第一站

JS技术

javascript实现四个重叠DIV切换功能

字号+ 作者：来源： 2014-11-17 20:00 我要评论( )

javascript实现四个重叠DIV切换功能,阅读javascript实现四个重叠DIV切换功能,HTML如下htmlscript src=

HTML如下

<html>

.jdjj
{

}

</style>
<div><table><tr><td><a href="#"></a></td><td><a href="#" onclick="jdjjchange(0)">DIV1</a></td><td><a href="#"onclick="jdjjchange(1)">DIV2</a></td><td><a href="#"onclick="jdjjchange(2)">DIV3</a></td><td><a href="#"onclick="jdjjchange(3)">DIV4</a></td></tr></table></div>
<div id="jdjj">
<div class="jdjj" >1</div>
<div class="jdjj" style="display:none;">2</div>
<div class="jdjj" style="display:none;">3</div>
<div class="jdjj" style="display:none;">4</div>
</div>

</html>

function jdjjchange(i) {
$(".jdjj").hide().eq(i).show();
}

</script>

</html>