JS切换

这个效果就跟换肤效果差不多

需要准备两套或两套以上的css

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

     <link id="l1" rel="stylesheet" type="text/css" href="css1.css" />

     <script type="text/javascript">

     function skin1(){

         var a=document.getElementById('l1');

         a.href='css1.css';

     }

     function skin2(){

         var a=document.getElementById('l1');

         a.href='css2.css';

     }

     </script>

 </head>

 <body>

     <input type="button" value="orange" onclick="skin1()" />

     <input type="button" value="yellow" onclick="skin2()" />

 </body>

 </html>

第一套css

 body{

     background-color: orange;

 }

 input{

     width: 50px;

     height: 30px;

     background-color: orange;

 }

第二套css

 body{

     background-color: yellow;

 }

 input{

     width: 50px;

     height: 30px;

     background-color: yellow;

 }

巴特西

JS切换

最新文章

热门文章