使用Switch达到切换不同颜色的效果代码,Js代码库,德仔网

代码语言

代码分类

【Js】使用Switch达到切换不同颜色的效果

作者: / 发布于2018/9/5/ 419

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
   
 
   <div class="navigation-center">
        <a href="#"><div class="color:black" id="shouye" onclick='show(1);return false;'>first</div></a>
        <a href="#"><div class="color:black" id="public"  onclick='show(2);return false;'>second</div></a>
        <a href="#"><div class="color:black" id="okok" onclick='show(3);return false;'>thrid</div></a>
    </div>
 
    <script>
        function show(num){
            switch(num){
                case 1:
                    alert("123");
                    document.getElementById("shouye").style.color="blue";
                    document.getElementById("public").style.color="black";
                    document.getElementById("okok").style.color="black";
                    break;
                case 2:
                    alert("456");
                    document.getElementById("public").style.color="blue";
                    document.getElementById("shouye").style.color="black";
                    document.getElementById("okok").style.color="black";
                    break;
                case 3:
                    alert("789");
                    document.getElementById("okok").style.color="blue";
                    document.getElementById("shouye").style.color="black";
                    document.getElementById("public").style.color="black";
                    break;
            }
        }
 
    </script>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label