javascript切换页面样式

　2008-08-25 19:59:33　来源：WEB开发网　　　

核心提示：<html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">

<html>

<head>

　 <title></title>

　 <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">

　 <link href="stylesheet1.CSS" type="text/css" rel="stylesheet" id="mycss">

　 <script language="javascript">

　 var turnback=false;

　 function setCSS()

　 {

　 mycss.styleSheet.cssText="";

　 mycss.styleSheet.addImport(turnback?"stylesheet1.css":"stylesheet2.css");

　 turnback=!turnback;

　 }

　 </script>

</head>

<body>

StyleSheet1.CSS样式代码：

BODY

{

background-color: Black;

}

StyleSheet2.CSS样式代码：

BODY

{

background-color: maroon;

}

　 <button type="button">切换背景颜色</button>

</body>

</html>