<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css" mce_href="styles.css">--> <mce:style type="text/css"><!-- --></mce:style><style type="text/css" mce_bogus="1"> </style> </head> <link id="linkLeft" rel="stylesheet" href="left.css" mce_href="left.css" type="text/css" title="left"/> <link id="linkRight" rel="stylesheet" href="right.css" mce_href="right.css" type="text/css" title="right"/> <body> <select οnchange="alterStyleSheet(this.value)"> <option value="">--选择页面风格--</option> <option value="left">left</option> <option value="right">right</option> </select> <img id="photo" alt="我是一张图片"></img> <p id="content"> 我是文本内容我是文本内容我是文本内容我是文本内容 我是文本内容我是文本内容我是文本内容我是文本内容 我是文本内容我是文本内容我是文本内容我是文本内容 </p> <mce:script type="text/javascript"><!-- function alterStyleSheet(title) { if (!title) return; linkLeft.disabled = linkLeft.title == title; linkRight.disabled = linkRight.title == title; /* var _links = document.getElementsByTagName("link"); for (var i=0; i<_links.length; i++) { var a=_links[i]; if (a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute('title')) a.disabled = a.getAttribute("title") == title? false:true; } */ } // --></mce:script> </body> </html> FireFox中的查看--页面风格中可以选择.IE中不行