码迷,mamicode.com
首页 > 其他好文 > 详细

夜间模式的开启与关闭,父模板的制作

时间:2017-11-03 20:31:53      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:inverse   模板   else   bof   ack   org   com   function   pre   

<!DOCTYPE html>
<html lang="en" xmlns:color="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>登录</title>


<nav class="navbar navbar-inverse" role="navigation">
<h2 align="center">首页</h2>
        <div>首页
            <ul class="nav navbar-nav">


   <script>
        function mySwitch() {
            var myele = document.getElementById("on_off")
            if (myele.src.match("bulbon")) {
                myele.src = "http://www.runoob.com/images/pic_bulboff.gif"
                document.getElementById("myBody").style.background = "white"
                document.getElementById("myBody").style.color = "black"
            } else {
                myele.src = "http://www.runoob.com/images/pic_bulbon.gif"
                document.getElementById("myBody").style.background = "black"
                document.getElementById(myBody).style.color = "white"
            }
        }
 </script>
<body id="myBody">
<img id="on_off" onclick="mySwitch()" src="http://www.runoob.com/images/pic_bulbon.gif" width="50px">




</form>
</body>
</html>



</head>

 

夜间模式的开启与关闭,父模板的制作

标签:inverse   模板   else   bof   ack   org   com   function   pre   

原文地址:http://www.cnblogs.com/caoxinwen092/p/7779503.html

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