热门关键字:
jquery > jquery教程 > jquery教程 > Darkmode.Js

Darkmode.Js

230
作者:管理员
发布时间:2020/10/8 9:47:56
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=2685
2020年你应该关注这50款前端热门工具:CSS  &  HTML 工具篇


官方网站地址:https://github.com/sandoche/Darkmode.js

花几秒钟你也能打造一款 白天/夜间 阅读模式的网站,这个插件使用 css mix-blend-mode 的特性为你的网站添加夜间模式。只需要复制粘贴代码在网页上添加一个小部件就可以进行白天和黑夜模式的切换,除了这种方式,你还可以编程的方式进行使用。该插件是轻量级的,基于原创JS实现。同时它基于本地存储的方式,记住你最后一次选择的阅读模式。

该插件具有以下特点:

  1. 窗口小部件自动适应窗口大小
  2. 能够记住用户的选择
  3. 如果操作系统偏好设置为夜间黑暗深色主题的话,则自动显示为“夜间模式 ”(如果浏览器支持“ preferred-color-scheme”)
  4. 可以用编程的方式进行实现,无需挂载小部件




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:css
友荐云推荐