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

王朝html/css/js·作者佚名  2008-10-21
窄屏简体版  字體: |||超大  

HTML如下

<html>

<script src="/static/js/jquery-1.2.6.js" type="text/javascript"></script>

<style type="text/css">

.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>

<script type="text/javascript">

function jdjjchange(i) {

$(".jdjj").hide().eq(i).show();

}

</script>

</html>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航