首頁 > web前端 > js教程 > js动态修改整个页面样式达到换肤效果_javascript技巧

js动态修改整个页面样式达到换肤效果_javascript技巧

WBOY
發布: 2016-05-16 16:47:03
原創
1089 人瀏覽過

jsPro1\js动态修改整个html页面样式(换肤).html

复制代码 代码如下:





动态修改页面样式






修改整个页面的样式












jsPro1\css\red.css
复制代码 代码如下:

* {
margin: 0px;padding: 0px;
}


body {
background-color: #eeeeee;
}
span {
color: red;
}
#txt {
color: #f00;border: 1px solid #7d1515;
}
.btn {
background-color: #a52a2a;border: none;color: white;width: 100px;height: 28px;
}

jsPro1\css\blue.css
复制代码 代码如下:

* {
margin: 0px;padding: 0px;
}


body {
background-color: #eeeeee;
}
span {
color: blue;
}
#txt {
color: #0000cd;border: 1px solid #006400;
}
.btn {
background-color: #0000cd;border: none;color: white;width: 100px;height: 28px;
}
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板