<head>
<link ID="skin" rel="stylesheet" type="text/css">
<title>动态换肤技术</title>
<script language="javascript" type="text/javascript">
<!--
function SetCookie(name,value)
{
var argv=SetCookie.arguments
var argc=SetCookie.arguments.length
var expires=(2<argc)?argv[2]:null
var path=(3<argc)?argv[3]:null
var domain=(4<argc)?argv[4]:null
var secure=(5<argc)?argv[5]:false
document.cookie=name+"="+escape(value)+((expires==null)?"":("expires="+expires.toGMTString()))+((path==null)?"":("path="+path))+((domain==null)?"":("domain="+domain))+((secure==true)?"secure":"")
}
function GetCookie(Name)
{
var search = Name + "="
var returnvalue = ""
if (document.cookie.length >0)
{
offset = document.cookie.indexOf(search)
if (offset != -1)
{
offset += search.length
end = document.cookie.indexOf("", offset)
if (end == -1)
end = document.cookie.length
returnvalue=unescape(document.cookie.substring(offset,end))
}
}
return returnvalue
}
var thisskin
thisskin=GetCookie("nowskin")
if(thisskin!="")
skin.href=thisskin
else
skin.href="css.css"
function changecss(url)
{
if(url!="")
{
skin.href=url
var expdate=new Date()
expdate.setTime(expdate.getTime()+(24*60*60*1000*30))
//expdate=null
//以下设置COOKIES时间为1年,自己随便设置该时间..
SetCookie("nowskin",url,expdate,"/",null,false)
}
}
//-->
</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></p>
<p>
<select name="select" onChange="changecss(this.value)">
<option>选择样式单文件</option>
</select>
</p>
<select name="select" onChange="changecss(this.value)">
<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=0i<4i++)
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>
先把CSS文件放到 static 下对应的文件夹里，因为变量都是指定到此目录的。
然后使用 {JS_PATH} ，{CSS_PATH} ，{IMG_PATH}
{JS_PATH}XXX.js js的路径
{CSS_PATH}XXX.css css的路径
{IMG_PATH}XXX.jpg 图片的路径。
这个文件你可以放在statics/css文件夹里面，也可以任意放在某个位置，只要你路径写对了 位置无所谓的，放在那里模板上就写哪里的路径。
