屏幕上的图像覆盖切换按钮
image overlay toggle button on screen
所以我有这个图像代码css,它与一些HTML也工作。我想做的是有一个屏幕上的按钮,切换这个代码关闭或打开。这是为我的网站。我想让它默认是关闭的。另外,代码是否有可能记住用户的选择?比如如果用户想要叠加,然后转到另一个页面,我希望它能记住这个选择。对不起,我的儿子……我学习。
css div.nightmode {
opacity: 0.05;
background: url(**image url**);
width: 100%;
height: 100%;
z-index: 10;
top: 0;
left: 0;
position: fixed;
pointer-events: none;
}
html <body>
<div class="nightmode"></div>
</body>
有两种方法。我认为最好的方法是使用饼干。这里有一个小例子:
click on DIV to toggle
https://jsfiddle.net/sdx2rba9/49/after refresh page cookie set background to previous choice
不能在stackoverflow内置的jsfiddle (cookie- security)中发布。请记住:我不是高级程序员,所以我的代码可能不干净或写得很长。
相关文章:
- 如何在视频标签中添加按钮覆盖
- 如何使用PHP、提交和单选按钮复制/重命名/覆盖图像
- 将事件处理程序放在HTML按钮上,而不覆盖其默认功能
- 单击Fancy Box覆盖按钮调用Ajax时,Ajax未按预期工作
- 在覆盖和关闭按钮或链接中为img添加边框
- 触摸设备中的视频JS播放器覆盖按钮
- 动态覆盖jqueryUI对话框按钮(保存,取消等到用户选择)文本
- 代码镜像 - 覆盖主页/结束按钮以正常工作
- Ext.window 在父类中窗口的关闭按钮上覆盖子类中的销毁
- mmenu:覆盖点击按钮的背景色
- Javascript 后退按钮事件侦听器覆盖 android 设备后退按钮
- 覆盖 Salesforce 页面中的标准按钮
- 通过单击按钮覆盖 z 索引
- 如何使用 JavaScript 在单击按钮时覆盖动态创建的表的行值
- 如何使用jQuery覆盖来获得弹出窗口的单选按钮
- 预览按钮覆盖表单中的提交按钮行为
- JQuery移动多行按钮覆盖问题
- HTML输入框只读--javascript按钮覆盖文本
- 覆盖按钮覆盖所有图像
- 在悬停时用两个按钮覆盖表格单元格