网站 › 『编程语言讨论求助区』 › 我想在网站中增加个切换背景色的功能

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

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

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

我想在网站中增加个切换背景色的功能，网站还没上线。



主题：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

查看完整版本: 我想在网站中增加个切换背景色的功能