利用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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:flex tree操作
下一篇:flex Keycode对照表

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2024年03月22日 15时23分21秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

oracle历史数据归档工具,济南钢铁利用数据库归档工具提升Oracle数据库应用性能... 2019-04-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
redis sharding java,简单了解redis常见客户端及Sharding机制原理 2019-04-21
php实现微信小程序推送,实现微信小程序模板消息不受限制、无限主动推送 2019-04-21
java水面倒影效果,Java:图像倒影 2019-04-21
horde groupware php,Horde 3.3.12后门任意PHP代码执行漏洞 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
php 图片压缩 长宽不变,PHP 图片 保持高宽不变压缩之后imagejpeg($source,$file,100) 仍旧失真!... 2019-04-21
nginx 禁止根目录php,nginx站点禁止目录执行php 2019-04-21
linux创建oracle用户命令,Linux 命令 - 切换用户,及创建oracle表空间一系列操作 2019-04-21
php position,CSS定位position使用介绍 2019-04-21
php导出csv到服务器,通过PHP导出到CSV 2019-04-21