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

　2008-10-20 20:00:31　来源：WEB开发网　　　

核心提示：HTML如下<html><script src="/static/js/jquery-1.2.6.js" type="text/javascript"></script><style type="text/CSS"&g

HTML如下

<html>

　 .jdjj
{

}

</style>
　 <div><table><tr><td><a href="#"></a></td><td><a href="#" >DIV1</a></td><td><a href="#">DIV2</a></td><td><a href="#">DIV3</a></td><td><a href="#">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>