zoukankan      html  css  js  c++  java
  • 2.1网页换肤

    功能:鼠标点击不同的2个input进行换肤(切换样式表)

    事件:onclick

    属性:样式表link里的href

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Examples</title>
    <meta name="description" content="">
    <meta name="keywords" content="">


    <link id="l1" href="css1.css" rel="stylesheet" type="text/css"
    charset="UTF-8">
    </head>
    <body>
    <input id="input1" type="button" value="皮肤1" />
    <input id="input2" type="button" value="皮肤2" />

    <script src="js1.js"> </script>
    </body>
    </html>

    ////////////////css1

    body{background: pink;}
    #input1{
    background:pink;
    200px;
    height:100px;
    border:1px yellow solid;
    }
    #input2{
    background:green;
    200px;
    height:100px;
    border:1px yellow solid;
    }

    /////////////////css2

    body{background: green;}
    #input1{
    background:pink;
    100px;
    height:50px;
    border:1px blue solid;
    }
    #input2{
    background:green;
    100px;
    height:50px;
    border:1px blue solid;
    }

    //////////////////js

    var input1=document.getElementById("input1");
    var input2=document.getElementById("input2");
    input1.onclick=function (){
    var oL=document.getElementById("l1");
    oL.href="css1.css";


    };
    input2.onclick=function (){
    var oL=document.getElementById("l1");
    oL.href="css2.css";

    };

  • 相关阅读:
    (六)目标文件目录探测
    (五)物理路径探测
    (四)目标后台的探测
    小妙招
    MFC的一些常用操作
    UNICODE,GBK,UTF-8区别
    c++编程的字符集及其转换
    windows消息的循环机制
    c++ mfc和win32项目
    c++ 一些注意事项
  • 原文地址:https://www.cnblogs.com/luxiaoli/p/8503459.html
Copyright © 2011-2022 走看看