近期给www.wantree.cn改了版,设计师的灵感,让wantree有了多种皮肤,因此,皮肤切换问题得让我做技术的解决,哈哈,不过很容易就解决了,但是保存皮肤是个难题。。因为我不想用服务端的语言,想用JS直接使用。不过还是有点问题的,比如说一闪的问题。。后来还是决定使用服务端来制作。我找了一篇文章,大家一起研究 ——————————————————— 实时切换CSS样式
Create your own CSS Switchers
  用W3C标准建造的网站,从理论上来说可以做到完全的表现与结构相分离。打个比方,就是可以在不动骨架(结构,XHMTL)和肌肉(行为,Javascript)的前提下,彻彻底底地换一身皮(表现,CSS)。   当然,换皮之前你需要先按W3C标准建好你的网站,并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”,我们要做的,只是用某种方法让浏览器载入另一套CSS,重新渲染页面。方法有很多种,我就介绍最常见的三种。 方法一:什么也不干
  啊?什么也不干?嗯,这个……准确地说是:就干那么一丁点儿 (你还真以为有这么好的事儿呀……)。   假设我们有两套CSS,分别封闭在两个不同的文件中:a.css和b.css。然后在和之间加入如下两行XHTML代码:

程序代码 程序代码
title=”主题A” href=”a.css” /> title=”主题B” href=”b.css” />  
然后用你的Firefox打开这个页面,在菜单栏中选择:查看 -> 页面风格,应该可以看到如下的“风景”:   就这么简单,现在你就可以用Firefox来“换皮”了。IE?IE没这个功能……MS就是这么拽,W3C“明文推荐”:要求浏览器提供给用户自己选择样式表的权力,可它就不这么干。幸运的是这件事也不是太难杂,咱就代劳一下吧。 方法二:Javascript
  在方法一的基础上,可以用Javascript的DOM方法访问link对象,再将不需要的CSS设为“禁用(disabled)”,剩下的CSS就会被浏览器用来渲染页面。脚本如下,请注意其中的注释:
程序代码 程序代码
无觅相关文章插件,快速提升流量

如果你觉得我这里还不错,可以关注我的【微信公众帐号 icojumpin 】
如需转载请注明文章来源,本文链接: http://icojump.in/?p=41

发表您宝贵的评论