首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

给网站加入式样切换功能

2012-10-30 
给网站加入样式切换功能//动态引入js文件换样式的 var cookie_skin getCookie(n-soft-css)if (cook

给网站加入样式切换功能

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

热点排行