使用方法:

引入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下载