<!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>TEST 测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link title="style1" href="style1.css" type=text/css rel="stylesheet">
<link title="style2" href="style2.css" type=text/css rel="alternate stylesheet">
<link title="style3" href="style3.css" type=text/css rel="alternate stylesheet">
<link title="style4" href="style4.css" type=text/css rel="alternate stylesheet">
<script src="stylealter.js" type=text/javascript></script>
</head>
<body>
<div>TEST 测试</div>
<A onclick="setActiveStyleSheet('style1'); return false;" href="#">默认风格</A>
<A onclick="setActiveStyleSheet('style2'); return false;" href="#">第二中风格</A>
<A onclick="setActiveStyleSheet('style3'); return false;" href="#">第三中风格</A>
<A onclick="setActiveStyleSheet('style4'); return false;" href="#">第四中风格</A>
<br />
这个方法虽然不难,但是需要预先写N种样式,工作量比较大,而且相对配合后台写的完全用户自定义风格的还是有一定差距,慎用!--- 一七!
</body>
</html>
评论0