静态站点也换风格

网络通信

朱鹏 · 2004年11月1日

　　长期以来，更换风格是动态站点的专利，对静态站点来说想要实现变换风格就无能为力了。其实，只要借助JAVA这一强大的语言就能够很容易地实现静态站点的风格变换。

　　在动态论坛的文件里，我们都会看到一个skin文件夹，里面存放的就是各种风格的css文件和图像文件。

　　我们要做的也就是自己做几种风格，然后分别放在不同的文件夹里面，再将这些文件夹统统放到skin文件夹下。注意一定要做一套undefined命名的风格！然后就是编写一段短短的js代码：

　　var m=4;

　　var i=Math.floor(Math.random()*m+1) ;

　　var searchString=location.search;

　　var pos=searchString.indexOf(“?url=”);

　　if (pos==0){

　　var str;

　　str=searchString.substr(5,searchString.length);

　　}

　　编写完成后保存为skin.js文件，再将这个文件加到每个页面里。页面代码如下：

　　＜script language=jscript.encode src=skin.js＞＜/script＞。注意文件的路径不要弄错了。将所有类似＜***** src='skin/**' ***＞的代码全部换成＜script language=“javascript”＞docu

　　ment.write (“＜***** src='skin/” + str + “/***' ***＞”)＜/script＞。将链接换成＜script language=“javascript”＞document.write (“＜a href='***.htm?url=” + str + “***'＞”)＜/script＞*****＜/a＞。将星号换成你自己的内容就可以了。保存然后上传，看效果吧。

　　提示：之所以要做一套undefined命名的风格是因为如果第一次进入的时候从“?url=”这里是获取不到数据的，这时候浏览器就会用undefined代替，若是没有这一套风格的话最开始进入站点的时候网面会很难看。

　　做完以上步骤之后就该添加更换风格的链接了，若你的skin文件夹里面的文件都是用1,2,3命名的，只要加上下面的代码即可：

　　＜a href=“?url=1”＞风格一＜/a＞

　　＜a href=“?url=2”＞风格二＜/a＞

　　＜a href=“?url=3”＞风格三＜/a＞

　　就这样，短短的几行代码就实现了静态站点的风格变换。