原文出自:
http://www.xianxin.net/chun/post/change_style.html

演示：
http://www.xianxin.net/chun/

转载请注明出处。

---

前几天我公布了一个页面下拉菜单切换风格皮肤的修改方法，如果有需要的可以去看看。

我喜欢经常换皮肤，有时甚至一天换几次，实在是自己都换的厌烦了，所以就想着是不是可以让页面打开自动会随机更换不同的皮肤样式，研究了一下，就改成了现在的样子，刷新一次就自动随机变化皮肤。

相信很多喜欢新鲜的朋友会需要这个，也可以避免看你网页的网友审美疲劳。

代码公布如下：

找到对应的模板文件，例如default.html , sigle.html

找到

<link rel="stylesheet" rev="stylesheet" href="<#ZC_BLOG_HOST#>style/<#ZC_BLOG_CSS#>.css" type="text/css" media="screen" />

修改为：

<link id="chun" type="text/css" rel="stylesheet" href="b_sty.css">
<script Language="JavaScript">
<!-- Begin 
var Folder = "<#ZC_BLOG_HOST#>style/";  //  

var how_many_ads = 4;
var now = new Date();
var sec = now.getSeconds();
var ad = sec % how_many_ads;
var css = "";
ad +=1;

if (ad == 1) {css = "1.css";}
if (ad == 2) {css = "2.css";}
if (ad == 3) {css = "3.css";}
if (ad == 4) {css = "4.css";}


self.chun.href = Folder + css
//-->
</script>

其中1.css,2.css,3.css,4.css为你的风格样式的对应的css名称，你也可以增加数目。

就这么简单，如果有问题可以给我留言。

另外其实这个方法可以推广用在任何网页中，方法和上面一样，

<link id="chun" type="text/css" rel="stylesheet" href="b_sty.css">
<script Language="JavaScript">
<!-- Begin 
var Folder = "css/";  //  修改目录

var how_many_ads = 4;
var now = new Date();
var sec = now.getSeconds();
var ad = sec % how_many_ads;
var css = "";
ad +=1;

if (ad == 1) {css = "style1.css";}
if (ad == 2) {css = "style2.css";}
if (ad == 3) {css = "style3.css";}
if (ad == 4) {css = "style4.css";}

self.chun.href = Folder + css
//-->
</script>