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

 

相关文章:

  • 2021-10-02
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-20
  • 2021-12-30
  • 2022-12-23
猜你喜欢
  • 2018-05-06
  • 2022-12-23
  • 2017-12-12
  • 2022-12-23
  • 2022-12-23
  • 2022-02-03
  • 2022-12-23
相关资源
相似解决方案