search

Home  >  Q&A  >  body text

javascript - 即时更换皮肤如何实现?

例如上图中的QQ空间和百度空间。

当选择中了某皮肤之后,马上就换肤了。
如何实现这种功能?
希望能得到一个思路。。。

PHP中文网PHP中文网2816 days ago787

reply all(2)I'll reply

  • PHP中文网

    PHP中文网2017-04-10 12:46:28

    把每种皮肤的CSS先做好
    需要更换皮肤时候
    只要触发更换的事件,然后替换css文件
    完成换肤

    reply
    0
  • 阿神

    阿神2017-04-10 12:46:28

    一种是js操作直接替换css文件,比如theme1.css替换为theme2.css

    还有种方式是替换容器的class(或id)名,针对不同的class(或id)写不同的css完成换肤。如:

    .container.theme1{
      ...
    }
    .container.theme2{
      ....
    }
    

    reply
    0
  • Cancelreply