标准化布局与实时切换CSS

今天花了点时间，彻底的写了一个两栏布局，IE6/7和FF下彻底完全一样了，另外两个OP和SF暂时不高兴管了。

同时写了一个切换CSS，即网站换肤功能。最近很流行的，一写才发现果然非常简单。
两三行搞定的。主要思想就是给link元素设定ID，然后用getElementId来获取后改变href值。超EASY
具体可以看这里的DEMO

http://shawphy.com/demo/changecss/changecss.html

唯一的缺憾是FF下对于未加载的样式会闪一下，当然他是对的……
因为我已经改变了样式，那老的自然应该消失，而新的没载入完，那自然还没呈现，所以有瞬间的闪一下。
不过虽然很正确，可惜少了点人性化……

 下次有空再测试IE8吧~

P.S. 今天更新一下，用了jQuery的读写Cookie的插件，现在可以保存设置到Cookie里了~本功能就此打住，不再更新

jQuery(function() {

	//读取cookie
	$("#changecss").attr("href","css/"+$.cookie("style")+".css");
	$("#sidebar>ul>li>a").click(function() {

		//设置link元素的href属性
		$("#changecss").attr("href","css/"+$.trim($(this).text())+".css");
		$("#headerMain").html($(this).text());

		//写入cookie,1年过期
		$.cookie("style",$.trim($(this).text()),{ expires: 365})

		//去除a上难看的虚线框
		this.blur();

		//不触发默认鼠标事件
		return false;
	}).css({"width":"220px","display":"block"});
});