［前端］小说在线阅读网站的字体背景设置是怎么弄的？

[hjsbs]

是一个插件控件吗？还是什么？想弄到自己博客上去

https://i.loli.net/2020/04/06/8m7HKnVP4RG2JBx.jpg

已解决。

网站预览： https://mathgod.github.io/web-reading-settings-plugin/

github 地址： https://github.com/MathGod/web-reading-settings-plugin

[zoeliu]

CSS
backgroud-color:white;
去 MDN 看一下 CSS 文档

[hjsbs]

有没有办法直接弄到自己网站去

[krixaar]

这问题其实挺纠结，完全不懂 JS/CSS 的，解释不清楚，稍微懂点 JS/CSS 的，不会问这个问题……
这是最基础的监听事件 /增加移除 CSS 类： https://www.w3schools.com/howto/howto_js_toggle_class.asp

[hjsbs]

@krixaar cssjs 肯定懂呀 但是不想一步步造轮子 应该有插几个 jscss 代码就实现的方法

[qingmumu]

js 里加
function changebackgroud (){
var a = document.getElementById('背景元素 id');
a.style.backgroud-color = '指定背景颜色';
}
按钮加
onclick="changebackgroud ()"

[grimpil]

几行代码就能实现的功能也好意思叫做轮子？楼主你不是懒就是不会弄吧

[LittleWhiteMouse]

@hjsbs 这个轮子实在太小点，每个按钮对应一句代码吧……

[hjsbs]

@qingmumu 翻页或者刷新怎样保持设置？

[hjsbs]

@LittleWhiteMouse 很多细节问题的吧 翻页刷新保持

[hjsbs]

@grimpil 别人成百上千行造的轮子我几行就引用了的意思

[qingmumu]

@qingmumu #5 普通用户写到 cookie，注册用户写到数据库，加载的时候判断执行嘛

[krixaar]

@hjsbs
解决方案 1：不翻页，即无限滚动（ infinite scroll ）
解决方案 2：url 添加参数区分
解决方案 3：cookies/localstorage

[binux]

@hjsbs #10 不是。 #6 就是字面意思，完整实现就是几行代码。

[krixaar]

@hjsbs #10
无论什么轮子，只要基于 css 类，你或多或少需要修改代码或者页面结构，这不是随随便便给 body 加个类就一定能解决的问题。
对于这个简单问题，有改页面和代码的时间，自己就写出来了。

[hjsbs]

@qingmumu
@krixaar 好的 应该弄 cookies 合适点

[hjsbs]

@krixaar 你看这个 https://darkmodejs.learn.uno/直接插几行 js 代码就搞定背景 我想再找个像这样几行代码就能改变字体的 只插几行代码不动网站其他内容

[krixaar]

@hjsbs https://darkmodejs.learn.uno/#override-style 人家这个页面都告诉你怎么 override 了，你照抄加个 font-family 不就完事了吗？

[LittleWhiteMouse]

@hjsbs #9 读写一下 localstorage 搞定，再增加几句也就够了

[LZSZ]

不懂纯 css 行不行 但是 js+css 绝对可以

[qq7790586]

油猴有个小说阅读的脚本

[hjsbs]

@qq7790586 油猴是啥？？

[qq7790586]

@hjsbs #21 chrome 插件，这是油猴脚本地址： https://greasyfork.org/zh-CN/scripts/292-my-novel-reader

[hjsbs]

预览： https://mathgod.github.io/web-reading-settings-plugin/ github 地址： https://github.com/MathGod/web-reading-settings-plugin