JS控制网站样式改变的原理
2015-10-03 16:54
405 查看
网站样式改变是随着样式表改变而改变的,所以整个网站的样式改变仅需要改变风格css文件即可。通常静态网站改改变样式方法如下:
另外,改变了网站样式表之后,一定要处理原来和现在的样式表关系。
处理方法如下:
1. 检查网页cookie中有没有更改过的样式表痕迹
2. 根据更改过的痕迹选择css文件路径
3. 加载css文件路径
各位大神请指教,以上方法也仅是小弟的一面之词,望有更好的方法。
function shiftStyle(){ if(db_shiftstyle == 1){ if (getObj('widthCfg').innerHTML=='切换到宽版') { if(!getObj('fullscreenStyle')) { var l = document.createElement('link'); l.id="fullscreenStyle"; l.rel="stylesheet"; l.type="text/css"; l.href="images/fullscreen.css"; l.media="all"; document.body.appendChild(l); }else { getObj('fullscreenStyle').disabled = false; } getObj('widthCfg').innerHTML='切换到窄版'; var widthCfg = 1; } else { var widthCfg = 0; getObj('fullscreenStyle').disabled=true; getObj('widthCfg').innerHTML='切换到宽版'; } SetCookie('widthCfg',widthCfg); if(typeof goTop!="undefined"){ goTop.setStyle(); } if(typeof messagetip!="undefined"&&typeof messagetip.db!="undefined"){ messagetip.setStyle(); messagetip.update(); } } };
另外,改变了网站样式表之后,一定要处理原来和现在的样式表关系。
处理方法如下:
1. 检查网页cookie中有没有更改过的样式表痕迹
2. 根据更改过的痕迹选择css文件路径
3. 加载css文件路径
各位大神请指教,以上方法也仅是小弟的一面之词,望有更好的方法。
相关文章推荐
- 网站字体影印代码!
- 网站导航标题栏下面是几个补丁尾随鼠标移动,当同样的颜色变化效果的颜色
- 微网站|手机端html弹窗、弹层、提示框、加载条
- 网站伸缩性架构
- 高可用应用层
- 网站高可用服务
- 网站高可用数据
- ***************架构师**********************
- Log4j官方文档翻译(二、架构设计)
- 高可用网站的软件质量保证
- MySQL高可用方案-MHA
- Discuz! Database Error (2002) notconnect
- Java笔记--开发人员必备的案头网站
- 记录一个实用的可以进行网站分析的网站netcraft
- PHP、Mysql等网站建设交流看我另一个博客
- javaweb信息化门户网站
- 网站切换主题
- 网站性能测试
- Linux电源管理(1)_整体架构
- Apworks框架实战(四):使用Visual Studio开发面向经典分层架构的应用程序:从EasyMemo案例开始