码迷,mamicode.com
首页 > Web开发 > 详细

简单的选项卡制作(原生JS)

时间:2019-01-12 12:04:10      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:nts   name   func   round   javascrip   color   spl   asc   doc   

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
    div{
        width: 100px;
        height: 100px;
        background-color: aqua;
        color: white;
        display: none;
    }
</style>
</head>

<body>
<a href="javascript:btn(1)">视频</a>
<a href="javascript:btn(2)">音乐</a>
<a href="javascript:btn(3)">图片</a>
<div>视频</div>
<div>音乐</div>
<div>图片</div>
</body>
</html>
<script>
    var odiv = document.getElementsByTagName("div");
    function btn(index){
        for(var i = 0 ;i<odiv.length;i++){
            odiv[i].style.display = "none";
        }
        odiv[index-1].style.display = "block";
    }

</script>

 

简单的选项卡制作(原生JS)

标签:nts   name   func   round   javascrip   color   spl   asc   doc   

原文地址:https://www.cnblogs.com/lsqbk/p/10259016.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!