javascript实现四个重叠DIV切换功能
2008-10-18 11:44
525 查看
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>
<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>
相关文章推荐
- javascript回车完美实现tab切换功能
- 分步解析JavaScript实现tab选项卡自动切换功能
- 分步解析JavaScript实现tab选项卡自动切换功能
- JavaScript实现的简单Tab点击切换功能示例
- javascript+div实现鼠标划过,切换层效果
- javascript(小试牛刀)实现图片循环切换功能
- 用javascript实现的图片马赛克后显示并切换加文字功能
- JavaScript实现多个重叠的层点击切换效果
- 原生javascript实现Tab选项卡切换功能
- JavaScript实现简单循环切换功能.
- javascript实现自动切换焦点功能学习
- javascript回车完美实现tab切换功能
- 详解原生JavaScript实现div拖拽功能
- JavaScript实现同一页面不同div的切换及颜色改变
- javascript 回车实现 tab 切换功能完美解决
- JavaScript实现鼠标滚轮控制页面图片切换功能示例
- ArcGIS API For Javascript之地图基本加载与显示,地图切换、缩放、定位、比例尺、鹰眼图、坐标显示、查询搜索功能实现
- javascript 实现图片轮播和点击切换功能
- 原生javascript实现Tab选项卡切换功能
- JavaScript实现多个重叠层点击切换效果的方法