<!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>
<meta name="author" content="Kong.Yee" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<style type="text/css">
#oDiv{
width: 200px;
height: 200px;
background: blue;
border: 2px ridge aqua;
}
#para{
width: 100px;
height: 100px;
background: yellow;
display: block;
}
body{
width: 600px;
}
body.redStyle{
border: 2px solid red;
}
body.redStyle * {
color: red;
}
body.blueStyle{
border: 2px solid blue;
}
body.blueStyle * {
color: blue;
}
</style>
<script type="text/javascript">
<!--
window.οnlοad=function(){
var oDiv=document.getElementById("oDiv");
//alert("Stop");
//document.body.className="blueStyle";
var toggleRed=document.getElementById("toggleRed");
var toggleBlue=document.getElementById("toggleBlue");
toggleRed.οnclick=function(){
document.body.className="redStyle";
}
toggleBlue.οnclick=function(){
document.body.className="blueStyle";
}
}
//-->
</script>
</head>
<body class="redStyle">
<h1>样式:</h1>
<a href="#" id="toggleRed">切换到红色主题</a>
<a href="#" id="toggleBlue">切换到红色主题</a>
<div id="oDiv" class="base">oDiv
</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>切换主题</title>
<meta name="author" content="Kong.Yee" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<style type="text/css">
#oDiv{
width: 200px;
height: 200px;
background: blue;
border: 2px ridge aqua;
}
#para{
width: 100px;
height: 100px;
background: yellow;
display: block;
}
body{
width: 600px;
}
body.redStyle{
border: 2px solid red;
}
body.redStyle * {
color: red;
}
body.blueStyle{
border: 2px solid blue;
}
body.blueStyle * {
color: blue;
}
</style>
<script type="text/javascript">
<!--
window.οnlοad=function(){
var oDiv=document.getElementById("oDiv");
//alert("Stop");
//document.body.className="blueStyle";
var toggleRed=document.getElementById("toggleRed");
var toggleBlue=document.getElementById("toggleBlue");
toggleRed.οnclick=function(){
document.body.className="redStyle";
}
toggleBlue.οnclick=function(){
document.body.className="blueStyle";
}
}
//-->
</script>
</head>
<body class="redStyle">
<h1>样式:</h1>
<a href="#" id="toggleRed">切换到红色主题</a>
<a href="#" id="toggleBlue">切换到红色主题</a>
<div id="oDiv" class="base">oDiv
</div>
</body>
</html>