前端主题切换方案
前端主题切换方案
方案1:link标签动态引入
方案二提前引入所有主题样式,做类名切换
body.day .box { color: #f90; background: #fff;
} 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;
}
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。
相关新闻
![]()
2018.10.29
0
中文编码问题是用中文的程序员经常头大的问题,在python下也是如此,那么应该怎么理解和解决python的编码问题呢?
![]()
2018.10.29
0
中文编码问题是用中文的程序员经常头大的问题,在python下也是如此,那么应该怎么理解和解决python的编码问题呢?
![]()
2018.10.29
0
中文编码问题是用中文的程序员经常头大的问题,在python下也是如此,那么应该怎么理解和解决python的编码问题呢?