如何动态更换CSS皮肤!

html-css012

如何动态更换CSS皮肤!,第1张

<link href="skins/yellow/yellow.css" rel="stylesheet" type="text/css" id="cssfile" />

刚开始的时候要给link命名id="cssfile",然后加上下面的就行了,其实就是更换样式表;

JS:

<script language="javascript">

function changestyle(name){

css=document.getElementById("cssfile")

css.href="skins/"+name+"/"+name+".css"

document.all.sel.options[0].selected=true

}

</script>

select:

<select name="sel" onchange="changestyle(this.options[this.options.selectedIndex].value)">

<option value="base">请选择</option>

<option value="base">经典蓝</option>

<option value="black">冷酷黑</option>

<option value="yellow">秋天黄</option>

<option value="blue">蓝色的</option>

</select>

这个情况应该直接用CLONE,如果对象体几乎一致的情况下。

相当于某个原型的复制。

或者你也可以这样,因为你是用function来定义生成DOM,你可以将步骤函数话,在创建的时候调用相同的函数。

我大概能理解,你是希望动态建立一个跟之前类似的层,可能层的样式还是不固定的,但是你无法用JS来动态创建类样式。

所以我觉得你将定义样式的步骤函数化可能会容易一些。