动态CSS，换肤技术__div+css_后台技术飞飞Asp技术乐园

动态CSS，换肤技术

时间： 2007-09-27 16:36:47　阅读次数：3038

常见的例子就是：一个站点上有多个页面样式提供浏览者选择。

同时，在选择了某样式后，再次打开该页面时，将仍然保持该样式。

自然会想到了Cookie技术

下面是HTML代码部分（另外再加需要的CSS文件就可以使用了）：

<HTML>
<HEAD>
<link ID="skin" rel="stylesheet" type="text/css">
<TITLE>换肤技术</TITLE>
<SCRIPT LANGUAGE=javascript>

</SCRIPT>
</HEAD>
<BODY>
<P>请选择下面的下拉菜单测试换肤效果</P>
<a href=# onclick="changecss(‘css.css‘)">css.css</a>
<a href=# onclick="changecss(‘css1.css‘)">css1.css</a>
<a href=# onclick="changecss(‘css2.css‘)">css2.css</a>
<a href=# onclick="changecss(‘css3.css‘)">css3.css</a>
<br>
<select onchange="changecss(this.value)">
<option>选择样式单文件</option>
<script language="javascript">
var csss=new Array();
csss[0]="css.css";
csss[1]="css1.css";
csss[2]="css2.css";
csss[3]="css3.css";
var i;
for(i=0;i<4;i++)
     if(thisskin==csss[i])
           document.write("<option value=\""+csss[i]+"\" selected>"+csss[i]+"样式单文件</option>");
     else
           document.write("<option value=\""+csss[i]+"\">"+csss[i]+"样式单文件</option>");
</script>
</select>
</BODY>
</HTML>

提示：您可以先修改部分代码再运行