您所在的位置:首页 / 知识分享

前端主题切换方案

2023.03.31

433

左迁

前端主题切换方案

方案1:link标签动态引入

方案二提前引入所有主题样式,做类名切换

/* day样式主题 */ body.day .box { color: #f90; background: #fff; } /* dark样式主题 */ body.dark .box { color: #eee; background: #333; } .box { width: 100px; height: 100px; border: 1px solid #000; }

<div class="box"> <p>hello</p> </div> <p> 选择样式: <button onclick="change('day')">day</button> <button onclick="change('dark')">dark</button> </p>



function change(theme) { document.body.className = theme; }

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

相关新闻

让人头疼的python 编码问题!!!

2018.10.29

0

中文编码问题是用中文的程序员经常头大的问题,在python下也是如此,那么应该怎么理解和解决python的编码问题呢?

让人头疼的python 编码问题!!!

2018.10.29

0

中文编码问题是用中文的程序员经常头大的问题,在python下也是如此,那么应该怎么理解和解决python的编码问题呢?

让人头疼的python 编码问题!!!

2018.10.29

0

中文编码问题是用中文的程序员经常头大的问题,在python下也是如此,那么应该怎么理解和解决python的编码问题呢?