在XHTML中即时切换样式

首先建立几个CSS样式文件，分别命名为：css.css、css1.css、css2.css、css3.css。为简单起见，内容分别如下：

css.css:

body {background-color:#666;}

css1.css:

body {background-color:#900;}

css2.css:

body {background-color:#090;}

css3.css:

body {background-color:#009;}

换肤技巧方法一：

使用JS更改标签内ID的属性值，代码如下：[#afdream.com#]
将下列代码保存为：changecss.html

请选择下面的下拉菜单测试换肤效果

css.css
css1.css
css2.css
css3.css

选择样式单文件

well，是不是觉得还是很好用？遗憾的是在 XHTML 中标签中ID属性是不被支持的，在IE下

可以正常运行，在 Firefox 中是不行的。不信的话，把上面的changecss.html中的最开头一行换

成如下两行试试：

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

到蓝色理想的论坛翻了好久，总算翻到这样一个方法，在 XHTML 中可用：

changecss2.html:

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

media=”screen, projection”/>

media=”screen, projection”/>

media=”screen, projection”/>

css1.css
title=”css.css”>css.css
css2.css
css3.css

是不是也很不错？看着这么几行：

media=”screen, projection”/> media=”screen, projection”/> media=”screen, projection”/>media=”screen, projection”/>

你可能有点担心了，这些css文件是不是在打开页面的时候都会被下载下来？OK，你说对了，的确

如此！那要是同时放上十个页面样式上去，要打开一个页面岂不是要等一整天？那这个重构网站也

就没什么意义了，是不是？

偶也是为这个问题郁闷了好几天，突然想起前不久在搜狐BLOG注册了一个号，是支持页面即时转换

样式，这个年头大家作新网站都用新标准了，说不定有什么好方法，去试试看！

呵呵，还真是不费吹灰之力就看到了切换css的代码，他是用 DOM 作到的，呵呵，我怎么就忘了

XHTML 是向 XML 过渡的语言呢？

changecss3.html:

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

css1.css
css.css
css2.css
css3.css

OK！这就是我现在在用的方法了，既解决了 Firefox 不支持的问题，又避免了同时下载了多个CSS

样式的问题。

样式切换的问题是搞定了，但是你再切换到此网站的另一个页面时，你的网站的样式是不是又恢复

到了原来的默认样式？我们还有一个问题没有解决，就是怎样让浏览器记住浏览者选择的样式？时

间有限，先说到这里，明天继续～～