js网页换肤

Posted 2020-08-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js网页换肤相关的知识，希望对你有一定的参考价值。

使网页背景颜色可选黄/粉

<html>
  <head>
  <meta charset="utf-8">
    <meta name="generator"
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
    <title>网页换肤</title>
   <link id="ly" rel="stylesheet" type="text/css" href="css1.css">
   <script>  
function skin1()
{
    var oL=document.getElementById(‘ly‘);
    oL.href=‘css1.css‘;
}
function skin2()
{
    var oL=document.getElementById(‘ly‘);
    oL.href=‘css2.css‘;
}
    </script>
  </head>
  <body>

  <input type="button" value="黄" onclick="skin1()"/>
  <input type="button" value="粉" onclick="skin2()"/>
  </body>
</html>

黄

body{
background:#FFD39B;
}
input{
width:25px;
height:25px;
background:yellow;
}

粉

body{
background:pink;
}
input{
width:25px;
height:25px;
background:red;
}

技术分享

以上是关于js网页换肤的主要内容，如果未能解决你的问题，请参考以下文章

用.NET做网站，在页面放一个按钮，点击按钮实现网页换肤功能，求代码

1-2 网页换肤