<link rel="stylesheet" type="text/css" href="./css/color-theme-1.css" title="skin1">
<link rel="stylesheet" type="text/css" href="./css/color-theme-2.css" title="skin2">
<script type="text/javascript">
?function setStyle(title) {
?? var i, links;??
?? links = document.getElementsByTagName("link");???
//用DOM方法獲得所有的link元素
??
?? for(i=0; links[i]; i++) {
?????????
//判斷此link元素的rel屬性中是否有style關(guān)鍵字
?????????//即此link元素是否為樣式表link
?????????//同時(shí)判斷此link元素是否含有title屬性
??if(links[i].getAttribute("rel").indexOf("style") != -1 && links[i].getAttribute("title")) {
???? links[i].disabled = true;???? //把它設(shè)為disabled
?????
?? //再判斷它的title中是否有我們指定的關(guān)鍵字
??? if(links[i].getAttribute("title").indexOf(title) != -1)
???????
//如果有則將其激活
??????links[i].disabled = false;
??}
?? }
?}
</script>???
<input type="button" value="skin2" onclick="setStyle('skin1');" />
<input type="button" value="skin1" onclick="setStyle('skin2');" />
有css switch.rar 代碼可以直接測試? http://www.aygfsteel.com/Files/anderson/css%20switch.rar