网页风格化 用CSS实现皮肤适时切换

html-css013

网页风格化 用CSS实现皮肤适时切换,第1张

首先准备好几种风格的css文件：

样式部分：

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

js部分

function redCSS(){

document.getElementById("css").href="red.css"

}

html部分

<span onclick="redCSS">切换红色风格</span>

如果需要下次打开页面抱持这个风格，那么需要用到cookie

很简单：

<style type="text/css">

#bodybg{

background:red

}

</style>

<body id="bodybg">

<a onclick="bodybg.style.background='blue'" onmouseout="bodybg.style.background='red'" href="#">鼠标放上来变颜色</a>

</body>