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>
     
  • 相关阅读:
    IPSec (一)
    python 面向过程和面向对象
    一键修改 yum 源为 aliyun 阿里源 Shell 脚本
    第11组Alpha冲刺(6/6)
    第11组Alpha冲刺(5/6)
    第11组 Alpha冲刺(4/6)
    第11组Alpha冲刺(3/6)
    第11组 Alpha冲刺 (2/6)
    第11组 Alpha冲刺 (1/6)
    第11组(73)需求分析报告
  • 原文地址:https://www.cnblogs.com/lianghaohui123/p/7774710.html
Copyright © 2011-2022 走看看