我想在网站中增加个切换背景色的功能

超逗的二哈少爷 · 发表于 2020-1-7 16:17

本帖最后由超逗的二哈少爷于 2020-1-7 17:38 编辑

我想在网站中增加个切换背景色的功能，网站还没上线。
QQ图片20200107161031.png

主题：DUX6.1
PHP：7.3

我想加在左侧或者头部。

含笑阁 · 发表于 2020-1-7 16:35

就是提前写好,用js换class呗

我是坏人呢 · 发表于 2020-1-7 16:49

参考一下layui？

isdola · 发表于 2020-1-7 17:01

占楼请教一下关于换色的问题，换色（换皮肤）一般的思路是怎样的，是换 class 吗，如果是换 class 的话，那不是基本很多很多的 class 都需要做判断？我不是很理解，有人可以说说换色的原理吗

ZJReason · 发表于 2020-1-7 17:09

本帖最后由 ZJReason 于 2020-1-7 17:16 编辑

.view-mask
  position: fixed
  top: 0
  right: 0
  bottom: 0
  left: 0
  pointer-events: none // 鼠标点击穿透
  background-color: rgb(204, 232, 207)//蒙版rgb颜色
  opacity: .2
  z-index: 999999//顶层

创建一个div应用样式，相当于一层蒙版。再在你说的“护眼模式“标签上添加js，改变rgb颜色就行了。可以理解为照片里面的滤镜功能

晚空 · 发表于 2020-1-7 17:17

加点击事件。

超逗的二哈少爷 · 发表于 2020-1-7 17:19

晚空发表于 2020-1-7 17:17
加点击事件。

能给个代码吗，我连html都不会打

超逗的二哈少爷 · 发表于 2020-1-7 17:20

ZJReason 发表于 2020-1-7 17:09
.view-mask
position: fixed
top: 0

能给个代码吗，我连html都不会打

含笑阁 · 发表于 2020-1-7 17:34

isdola 发表于 2020-1-7 17:01
占楼请教一下关于换色的问题，换色（换皮肤）一般的思路是怎样的，是换 class 吗，如果是换 class 的话，那 ...

切换class,提前写好class就行了不用判断,点那个换那个.
可以给点击的元素添加自定义属性data保存要换的class名字

ZJReason · 发表于 2020-1-8 14:05

本帖最后由 ZJReason 于 2020-1-8 14:09 编辑

超逗的二哈少爷发表于 2020-1-7 17:20
能给个代码吗，我连html都不会打

简单做了个模版。颜色，透明效果，样式根据自己需要调整
链接：https://pan.baidu.com/s/1rbBWukvZLeakMyHRdE6iGg
提取码：fhhg

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 我想在网站中增加个切换背景色的功能