利用link标签rel="alternate stylesheet"属性实现界面动态换肤
发布日期:2022-02-15 02:36:10
浏览次数:6
分类:技术文章
本文共 454 字,大约阅读时间需要 1 分钟。
<link>标签
rel="stylesheet"属性指定将一个样式表立即应用到文档.
rel="alternate stylesheet"属性将其作为备用样式表而在默认情况下禁用它
通过js拿到link标签对象,disabled属性设置,可以实现变化页面导入样式表
disabled = true;表示它不会立即生效
disabled = false;表示立即生效
本人用了jquery插件,使用方法如下:
第一步:定义多个样式表:
定义了3个外链样式表,其中使style1.css生效
第二步:定义转换按钮:
第三部:定义相关的js
function switchTheme(t) { $('link[title]').each(function(){ this.disabled = true; this.disabled = (this.title != t); }); return false;};这样就可以动态的改变整体页面的皮肤了。
转载地址:https://blog.csdn.net/peterlu20110415/article/details/6672257 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
第一次来,支持一个
[***.219.124.196]2024年03月22日 15时23分21秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
oracle数据对象缓存,oracle优化缓存对象与数据 -电脑资料
2019-04-21
linux系统如何连接wf,Linux下如何通过命令连接wifi
2019-04-21
linux网卡传输数据卡死,linux – 网卡正在接收,但根本没有传输?
2019-04-21
红旗linux备份,更换红旗Linux: Asianux的yum源为网易源
2019-04-21
如何用php直接渲染页面,总结浏览器渲染页面的方法
2019-04-21
php实现微信小程序推送,实现微信小程序模板消息不受限制、无限主动推送
2019-04-21
java水面倒影效果,Java:图像倒影
2019-04-21
php是一种通用开源,caozha-admin(PHP网站后台管理框架)
2019-04-21
php队列的数据表有哪些字段,php 数据结构之链表队列
2019-04-21
404怎么解决java,HTTP Status 404如何解决
2019-04-21
java查找公共子串,查找两个串的最大公共子串
2019-04-21
php团队规范,技术团队开发规范
2019-04-21
nginx 禁止根目录php,nginx站点禁止目录执行php
2019-04-21
php position,CSS定位position使用介绍
2019-04-21
php导出csv到服务器,通过PHP导出到CSV
2019-04-21