猿问

怎么让一个div显示一个div隐藏?

怎么让一个div显示一个div隐藏


茅侃侃
浏览 2864回答 2
2回答

GCT1015

让一个div显示一个div隐藏的方法如下(代码的规格写法只能这样):1、HTML代码如下:<body><ul class="point"><li><a href="#">menu0</a></li><li><a href="#">menu1</a></li><li><a href="#">menu2</a></li><li><a href="#">menu3</a></li><li><a href="#">menu4</a></li><li><a href="#">menu5</a></li><li><a href="#">menu6</a></li><li><a href="#">menu7</a></li></ul><div class="box"><div class="con0">d0</div><div class="con1">d1</div><div class="con2">d2</div><div class="con3">d3</div><div class="con4">d4</div><div class="con5">d5</div><div class="con6">d6</div><div class="con7">d7</div></div></body>2、CSS代码:.point{float: left;list-style: none;}.point li{margin-bottom: 10px;}.box{float: right;margin-right: 500px;}.box div{width: 500px;height: 200px;border: 1px solid green;display: none;}.box .con0{display: block;}3、Javascript代码:$(document).ready(function(){$(".point li a").click(function(){var order = $(".point li a").index(this);//点击之后可以返回当前a标签index的值$(".con" + order).show().siblings("div").hide();});})
随时随地看视频慕课网APP

相关分类

CSS3
我要回答