使用JS在运行中动态替换CSS样式表
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title> <link href="" type="text/css" rel="Stylesheet" />
<script type="text/javascript">
var $=function(id){return document.getElementById(id);}
function SelectSkin() { if($("selSkin")) { var skinname = $("selSkin").options[$("selSkin").selectedIndex].text; var filename = "css/" + skinname + ".css"; var ctrlLink = document.getElementsByTagName("link")[0]; ctrlLink.setAttribute("href", filename);
}
} </script></head><body> <form id="form1" runat="server"> <div id="divbody"> <div id="main"> <div id="used"> <span>Skin选择</span> <select onchange="SelectSkin()" id="selSkin"> <option>Red</option> <option>Blue</option> </select> </div> </div> </div> </form></body></html>
