当前位置: 代码迷 >> Web前端 >> 给网站加入式样切换功能
  详细解决方案

给网站加入式样切换功能

热度:280   发布时间:2012-10-30 16:13:36.0
给网站加入样式切换功能

//动态引入js文件==换样式的
var cookie_skin = getCookie("n-soft-css"); 
if (cookie_skin) {
var doc = document;
switchSkin(cookie_skin,doc);
}
function switchSkin(skinName,doc){  
var style = doc.createElement("link");
style.href = "/ntrain/Skin/"+skinName+".css";
style.rel = "stylesheet";
style.type = "text/css";
doc.getElementsByTagName("HEAD").item(0).appendChild(style);
}

function switchSysSkin(skinName){
    //Top
var TopDoc = parent.document.frames['Top'].document;
//Left
var LeftDoc = parent.document.frames['Main'].frames['Left'].document;
//Right
var RigDoc  = parent.document.frames['Main'].frames['Right'].document;
//Bottom
var BotDoc = parent.document.frames['Buttom'].document; 
switchSkin(skinName,TopDoc);
switchSkin(skinName,LeftDoc);
switchSkin(skinName,RigDoc);
switchSkin(skinName,BotDoc);
setCookie("n-soft-css",skinName);
}


将以上部分放到一个js文件里边在每个页面中加入即可。。
  相关解决方案