今天花了点时间,彻底的写了一个两栏布局,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"});
});