读书人

给网站加入式样切换功能

发布时间: 2012-10-30 16:13:36 作者: rapoo

给网站加入样式切换功能

//动态引入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文件里边在每个页面中加入即可。。

读书人网 >Web前端

热点推荐