This is not a cookie, record to self.
Copy Code code as follows:
<link href= "001.css" id= "Cssfile" rel= "stylesheet" type= "Text/css"/>
<script>
function Changestyle (name) {
alert (name);
var css = document.getElementById ("Cssfile");
Css.href = name+ ". css";
}
</script>
Copy Code code as follows:
<select onchange= "Changestyle (this.options[this.selectedindex].value)" >
<option value= "001" selected= "selected" > Default style </option>
<option value= "Blue" > Blue Classic </option>
<option value= "Red" > Red Dream </option>
</select>
<div id= "Csstest" >
I am a little little bird!
</div>
Look at the effect.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title>css test</title> <link href=" Http://img.jb51.net/css/001.css "id=" "Rel=" stylesheet "type=" text/css "/> <script> function Changestyle (name) {//alert (name); var css = document.getElementById ("Cssfile"); Css.href = "http://img.jb51.net/css/" +name+ ". css"; } </script> </pead> <body> <select onchange= "Changestyle (This.options[this.selectedindex). Value) "> <option value=" 001 "selected=" selected "> Default style </option> <option value=" Blue "> Blue Classic </ option> <option value= "Red" > Red Dream </option> </select> <div id= "Csstest" > I'm a little bird! </div> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
