jQuery实现网站换肤功能
使用方法:
引入js:
<script type="text/javascript" src="js/jquery-1.3.2.min.js" ></script> <script type="text/javascript" src="js/skin.js" ></script>
js代码:
/*
用法:
swichStyle(styleId,swichId,stylePath);
参数说明:
styleId : <link rel="stylesheet" type="text/css" href="css/default.css" id="skin" /> 中的id
swichId :<ul id="switch-skin"> 切换样式列表的id
stylePath :css存放的路径
*/
$(document).ready(function(){
swichStyle("skin","switch-skin","css/");
});
切换样式代码:
<ul id="switch-skin">
<li id="default">skin1</li>
<li id="green">skin2</li>
<li id="blue">skin3</li>
</ul>
演示地址:http://wlog.com.cn/code/jquery/switch-style/demo.html
下载地址:switch-style下载
共3 条评论
很好,谢谢了哈。
不过为什么我把ul li 换成其他的标签就不行了呢、
永远的冰点 Reply:
七月 1st, 2010 at 23:25
@ijie,因为是从id switch-skin里面查找li,然后切换的
踩过,终于又看到新文章了。每次来都能学到新东西,希望下篇文章尽快出来,HOHO。
更新的好及时啊…刚换了个主题 有好几个皮肤 正在准备自己用JS写 看来现在不用了…
有时间研究一下