登录 注册

[js] 思源左侧空白区域显示心灵毒鸡汤或倒计时和顶部显示天气

本贴最后更新于 367 天前，其中的信息可能已经沧海桑田

根据这个帖子的灵感 [js] 思源笔记左侧空白部分显示自定义文字 写了这个显示心灵毒鸡汤的功能。

感觉不错，分享给大家。

功能介绍

  1. 左侧 dock 空白区域显示心灵毒鸡汤，可自定义自己的毒鸡汤及设定出现概率
  2. 双击显示下一个
  3. 右键复制到剪切板
  4. 可显示为跑马灯效果
  5. 可显示倒计时，可选择显示在左侧或右侧，倒计时的优先级高于心灵毒鸡汤和哲理名言
  6. 可在右侧 dock 空白区域显示哲理名言
  7. 顶部显示今日天气

使用方法，请参考代码参数中的注释。

效果

image.png
image.png image.png r107.gif image.png

动画效果实际上比较顺滑，录制原因有点抖。

代码

代码地址 https://gitee.com/wish163/mysoft/blob/main/%E6%80%9D%E6%BA%90/%E5%B7%A6%E4%BE%A7dock%E7%A9%BA%E7%99%BD%E5%8C%BA%E6%98%BE%E7%A4%BA%E5%BF%83%E7%81%B5%E6%AF%92%E9%B8%A1%E6%B1%A4%E6%88%96%E5%80%92%E8%AE%A1%E6%97%B6%E7%AD%89.js

砸彩蛋啦，打赏后可见~~
打赏 15 积分后可见
15 积分 • 26 打赏
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    28446 引用 • 119790 回帖
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。

    285 引用 • 1988 回帖
2 引用
[js] 顶栏显示天气 • wenbocn
[js] 思源笔记左侧空白部分显示自定义文字 + 学习 • cxg318
13 操作
wilsons 在 2024-12-26 16:02:22 更新了该帖
wilsons 在 2024-12-25 11:37:55 更新了该帖
wilsons 在 2024-12-24 14:38:07 更新了该帖
wilsons 在 2024-12-23 22:13:10 更新了该帖 wilsons 在 2024-12-23 22:10:46 更新了该帖 wilsons 在 2024-12-20 17:49:16 更新了该帖 wilsons 在 2024-12-20 17:35:14 更新了该帖 wilsons 在 2024-12-20 15:58:51 更新了该帖 wilsons 在 2024-12-20 15:52:42 更新了该帖 wilsons 在 2024-12-20 15:50:43 更新了该帖 wilsons 在 2024-12-20 14:59:44 更新了该帖 wilsons 在 2024-12-20 09:51:29 更新了该帖 wilsons 在 2024-12-20 09:48:34 更新了该帖
26 打赏
3 感谢
8 收藏
2 引用
13 操作
26 回帖
10
3
3
2
1.8k 407 10 566 3 7 812

相关帖子

26 回帖
[js] 思源左侧空白区域显示心灵毒鸡汤或倒计时和顶部显示天气

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
wilsons
正式入驻知乎了，以后新贴主要在这里。 欢迎大家订阅关注！ 你的关注对我是莫大鼓励，也能让我持续产出优质内容，我们一起成长 🙏 点这里立即关注：https://www.zhihu.com/people/wilsonses
回帖
2150
 帖子
112
 积分
87407