导航:首页 > 编程语言 > jscss换肤

jscss换肤

发布时间:2025-05-07 16:06:51

1. 如何用js改变多个框架的css,也就是让网页整体换肤

<linkhref="css/color1.css"id="color"rel="stylesheet"type="text/css"/><!--注意这行的id-->
<aonclick="changeStyle(1)">样式1</a>
<aonclick="changeStyle(2)">样式2</a>


上面是html,下面是js.把选定的样式加载进cookies ,网页加载先查cookie。


functiongetObject(elementId){//获取指定id的object
if(document.getElementByIdx){returndocument.getElementByIdx(elementId);}
elseif(document.all){returndocument.all[elementId];}
elseif(document.layers){returndocument.layers[elementId];}
}
functionchangeStyle(id){//切换样式
varstylesheet=getObject("color").href="css/color"+id+".css";
document.cookie="stylesheet="+escape(stylesheet);//写入Cookie
//alert(document.cookie);
//alert(stylesheet);
}
functioninitStyle(){//初始化样式,如果cookie存在样式,则加载cookie样式,否则加载默认样式
if(/stylesheet=([^;]+)/.test(document.cookie))//判断是否存在cookie.
getObject("color").href=unescape(RegExp.$1);
//alert(/stylesheet=([^;]+)/.test(document.cookie));
}initStyle();
阅读全文

与jscss换肤相关的资料

热点内容
word文本框工具 浏览:781
如何编写简单的编程 浏览:253
苹果描述文件怎么打开 浏览:70
lol内部语音文件夹 浏览:177
魔趣忘记锁屏密码 浏览:690
ps大文件怎么转成pdf 浏览:917
lolS3是刺客版本s4法坦 浏览:623
美版苹果6s颜色有几种 浏览:368
ado操作excel文件数据 浏览:3
win10系统删不掉文件 浏览:770
lol最新61版本 浏览:242
什么叫通讯大数据出行卡 浏览:68
什么是创新编程教育 浏览:712
模具cnc编程入门先学什么 浏览:606
ug线切割编程如何显示毛坯 浏览:349
葫芦侠java版下载 浏览:989
装系统大文件夹怎样设置 浏览:282
51单片机汇编程序 浏览:237
word如何按首字母排序 浏览:927
苹果手机照片颜色调节 浏览:289

友情链接