2023年7月9日发(作者：)

jquery⽹页换肤+jquery的cookie+动态调⽤css样式⽂件,可以的⽐较具有参考性,代码全贴(当然,还需要⼀张图⽚需要的留个邮箱,看到就发)贴在这⼉吧,修改⼀下css的引⽤位置应该可以⽤

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

• 灰⾊
• 紫⾊
• 红⾊
• 天蓝⾊
• 橙⾊
• 淡绿⾊

*{ margin:0px; padding:0px;}body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}#div_side_0,#div_side_1{ float:left; width:120px; height:450px; } }#skin{ margin:10px; padding:5px; width:210px; padding-right:0px; list-style:none; border: 1px solid #CCCCCC; overflow:hidden; }#skin li{ float:left; margin-right:5px; width:15px; height:15px; text-indent:-999px; overflow:hidden; display:block; cursor:pointer; background-image:url();}#skin_0{ background-position:0px 0px;}#skin_1{ background-position:15px 0px;}#skin_2{ background-position:35px 0px;}#skin_3{ background-position:55px 0px;}#skin_4{ background-position:75px 0px;}#skin_5{ background-position:95px 0px;}#skin_ed{ background-position:0px 15px !important;}#skin_ed{ background-position:15px 15px !important;}#skin_ed{ background-position:35px 15px !important;}#skin_ed{ background-position:55px 15px !important;}#skin_ed{ background-position:75px 15px !important;}#skin_ed{ background-position:95px 15px !important;}.title{ cursor:pointer;}h1{ margin:10px; padding:10px 20px; width:60px; color:#ffffff; color:#ffffff; font-size:14px;}a:link { text-decoration: none; color: #333333;}a:visited { color: #333333; text-decoration: none;}a:hover { color: #000000; text-decoration: underline;}skin_1{background:#999999;}skin_1{background:#BB3BD9;}skin_1{background:#E31559;}skin_1{background:#08BECE;}skin_1{background:#FBA60A;}skin_1{background:#AFD400;}$(function(){ //先从cookie 中取判断有⽆ var cookie_skin = $.cookie("myCssSkin"); if(cookie_skin){ switchSkin(cookie_skin) }

var $li = $("#skin li"); $(function(){ switchSkin(); }) function switchSkin(skinName){ $("#"+skinName).addClass("selected").siblings().removeClass("selected"); //这算动态调⽤css⽂件,可以的,个⼈感觉⽤css特殊规则命名也可以替换,留待后续 $("#cssfile").attr("href",skinName+".css"); // 存放 $.cookie("myCssSkin",skinName,{path:'/',expires:10});

}});实现的结果:refresh~~