JS如何实现多DIV切换显示/隐藏
发布网友
发布时间:2022-05-13 12:10
我来回答
共4个回答
热心网友
时间:2022-04-22 14:12
原理:就是讲全部的div都隐藏只有点击的div显示。
<script type="text/javascript">
$(function(){
$("#list a").click(function(){//点击链接
$("#main div").css("display","none");//将main下所有的div都隐藏
$("#main div:eq(" + $(this).index() + ")").css("display","block"); //链接对应的div显示
});
});
</script>
热心网友
时间:2022-04-22 15:30
tab功能啊,,http://d.lanrentuku.com/down/js/biaoqian-729/
热心网友
时间:2022-04-22 17:04
<body>
<div class="view">
1
</div>
<div class="view">
2
</div>
<div class="view">
3
</div>
</body>
$(function(){
var a = 2;
if (a == 1) {
alert($(".view").length);
$(".view").eq(0).show().siblings().hide();
}
else
if (a == 2) {
$(".view").eq(1).show().siblings().hide();
}
else
if (a == 3) {
$(".view").eq(2).show().siblings().hide();
}
})
a的值就是你传过来的
我用的是jquery
热心网友
时间:2022-04-22 18:56
你自己看着办吧,