zoukankan      html  css  js  c++  java
  • 夜间模式的开启和关闭,父模板的制作

    夜间模式的开启与关闭:放置点击的按钮或图片。定义开关切换函数。onclick函数调用。

    父模板的制作:制作网站网页共有元素的父模板html,包括顶部导航,中间区块划分,底部导航,底部说明等;

    汇总相关的样式形成独立的css文件;

    汇总相关的js代码形成独立的js文件;

    形成完整的base.html+css+js

    复制代码
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function  mySwitch() {
                var oBody=document.getElementById("myBody");
                var oOnoff=document.getElementById("myOnOff");
                if (oOnoff.src.match("bulbon")){
                    oOnoff.src="http://www.jelly-fish.co.kr/img/main/logo01.png";
                    oBody.style.background="black";
                    oBody.style.color="white";
    
                }else{
                    oOnoff.src="http://www.jelly-fish.co.kr/img/main/logo01.png";
                    oBody.style.background="white";
                    oBody.style.color="black"
                }
    
            }
        </script>
    </head>
    <body id="myBody">
    <img id ="myOnOff" onclick="mySwitch()" src="http://www.jelly-fish.co.kr/img/main/logo01.png" >
    <script>
        document.write(Date())
    </script>
    </body>
    </html>
     
  • 相关阅读:
    知识积累
    来西安对吗
    python循环语句---------while、for
    postman接口功能测试
    Laravel环境搭建
    Vue
    搭建Vue.js环境
    Atom
    PHP
    thinkphp-无限分类下根据任意部门获取顶级部门ID
  • 原文地址:https://www.cnblogs.com/lianghaohui123/p/7774710.html
Copyright © 2011-2022 走看看