给网站添加一个一键换皮肤功能
媒体范1.3免授权解密版免费分享24小时。
下面方法适用所有网站，
首先在网页中添加以下代码：
<script type="text/javascript">
//<![CDATA[
$(function(){
var $li =$("#skin li");
$li.click(function(){
switchSkin( this.id );
});
var cookie_skin = $.cookie( "MyCssSkin");
if (cookie_skin) {
switchSkin( cookie_skin );
}
});
function switchSkin(skinName){
$("#"+skinName).addClass("selected") //当前<li>元素选中
.siblings().removeClass("selected"); //去掉其它同辈<li>元素的选中
$("#cssfile").attr("href","<?php echo TEMPLATE_URL; ?>css/"+ skinName +".css"); //设置不同皮肤
$.cookie( "MyCssSkin" , skinName , { path: '/', expires: 10 });
}
//]]>
</script><ul id="skin" class="skin">
<li id="style" title="灰色" class="selected" >灰色</li>
<li id="style1" title="紫色" >紫色</li>
<li id="style2" title="红色" >红色</li>
<li id="style3" title="天蓝色" >天蓝色</li>
<li id="style4" title="橙色" >橙色</li>
<li id="style5" title="淡绿色" >淡绿色</li>
切换主题颜色
</ul>
然后引入最新版jquery库，和cookie插件。
最后在head里面加上一段css引用代码：
此处内容已隐藏，评论后刷新即可查看！
这里我是以媒体范1.3美化版为例其他网站根据自己需求把代码改一下即可。
这里的cookie我记录的是10天，因为有cookie记录才能实现每个人可以定义不同的皮肤，而且不会因为刷新网页而发生变化
引入jquery库写js代码简洁易懂，相信小白也能轻易掌握。
代码很很简单 如果你用的是1.3美化版直接把上面代码复制到head文件最下面即可使用。
另外style是css样式 由切换按钮来切换css从而达到改变网页的皮肤。。
