阅读823 返回首页    go 阿里云 go 技术社区[云栖]

Js控制css——模仿视频网站关灯开灯

 

<head>
    <title></title>
    <style type="text/css">
        .day
        {
            background-color:White;
        }
       
        .night
        {
            background-color:Black;
        }
    </style>
    <script type="text/javascript">
        function SwitchLight() {
            var btn = document.getElementByIdx_x("btnChange");

            if (document.body.className == "night") {
                document.body.className = "day";
                btn.value = "关灯";
            }
            else if (document.body.className == "day") {
                document.body.className = "night";
                btn.value = "开灯";
            }
        }
    </script>
</head>
<body >
    <input type="button" value="开灯" />
</body>

最后更新：2017-04-02 22:16:01

  上一篇：go 文本框获得失去焦点——js和jquery方法的对比
  下一篇：go GridView导出到Excel或Word文件