电脑版桌面罗盘时钟-超酷炫的桌面壁纸…

news/2024/11/21 21:43:37/

 

前段时间,用python做了个罗盘时钟,但好多小伙伴希望能做个桌面壁纸版的。由于本人不是专业的码农,对操作系统的壁纸嵌入这块理解有限,做起来并不容易。现从网上使用别人分享的html+css+js代码[1],稍稍改动后用到自己的桌面上(如下图),如果有侵权的地方请联系本人删除。感兴趣的小伙伴们可以关注我的个人公众号(扫描下方二维码),回复含有"时钟"或"罗盘"等词语,看一下桌面动态罗盘时钟壁纸的视频效果。文末提供代码和背景图片的链接。

7db73a439a1a554799453d04626da27e.png

图一:桌面罗盘时钟壁纸效果

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbGl4eV8wMzIz,size_13,color_FFFFFF,t_70,g_se,x_16

图二:个人公众号二维码

下面分享一下这个桌面罗盘时钟壁纸的设置过程:

 

#1 工具

电脑操作系统:windows 10

软件:Lively Wallpaper

 

#2 代码存放

      代码下载下来后,可存放在任一位置(设置后不可删除,建议不要直接放在桌面),如下图:

1d96e99c229097cab0ef823e21221739.png

css文件夹下存放的是clock.css文件,image文件夹下存放的是背景图片,js下存放的是clock.js和jquery.min.js两个文件。

 

下面是我修改了代码的地方:

#2.1 clock.css文件,如下:

 

#2.1.1 背景图片的路径(背景可以换成自己喜欢的图片,把路径填好即可!)

dd0d6a5893072cae9bd22fd395b5b6b6.png

 

#2.1.2 红色横线的长度和几个时间环的位置(默认是屏幕中间)

11cca30f5572cfdbeb5c7cd0916aec5d.png

 

9e6a227a1171a3ee0ec3ed5d010a0e75.png

 

a8f46bd892dc92f1243b2f90be542771.png

 

#2.2 clock.js文件

这个文件主要是把"一二三四....."改成了"壹贰叁肆...",看个人喜好吧,不改也可以

7b9b1b004fad77151d60ad71ad7829aa.png

好啦,代码修好,去软件设置一下这个桌面吧

 

#3 lively wallpaper的使用

这个软件win10应用商店上可以下载,一款免费的动态壁纸软件,可以把html页面设置成桌面壁纸,下面我们来看一下是如何操作的:

 

#3.1 安装很简单,登录一下微软的账号,直接下载安装就行!

b5a17cdbdf12c8ebc0cd2e7fa722c5b3.png

 

#3.2 将html设置为桌面壁纸

打开Lively Wallpaper软件,点击+添加壁纸,如图:

ff08163a1bdb703ed72d8d5af50a4586.png

选择一个文件或指定一个网站URL以设置:点Browse

71af287141739d1493a5dfb861688257.png

在下载下来的文件中选择index.html文件,点击打开:

9970eab7a16199bb0f3579c06827c79d.png

填一下标题就可以,点好,就可以看到效果啦!如果位置不满意,可以反复调试上面提到的参数,直至满意为止。调试期间可以直接用浏览器预览调试效果!

0f03ef3ff787c7af65513453b9c5879e.png

 

文件下载链接:

链接: https://pan.baidu.com/s/1XZkCtr9FAMCoEZYmpt7YDQ  提取码: udak 

 

下面链接是使用代码的来源,在此表示十分感谢!!如有侵权,请联系删除。

[1] https://blog.csdn.net/qq_44731019/article/details/119118842

 

 

 

 


http://www.ppmy.cn/news/237856.html

相关文章

《水经注地图服务》用户如何登录?

《水经注地图服务》(WeServer)是一款可快速发布全国乃至全球海量卫星影像的地图发布服务产品,该产品完全遵循OGC相关协议标准,是一个基于若干项目成功经验总结的产品。它可以轻松发布100TB级海量卫星影像,从而使“在内…

【618期间】超过200小时的课程全都有优惠,全年最好的加入有三AI学习的时间来了~...

正值2023年618期间,既然是全民购物节,有三AI所有付费的视频课程开启优惠活动,即日起至节日结束(6月18日晚23:59)。 当前已有课程包括数据使用/模型分析/图像分类/图像分割/目标检测/图像生成/图像翻译/图像增强/视频分…

计算机的外设配置,CSGO萌新必看电脑配置及外设选择建议心得分享

最近社区看到好几个萌新帖子求电脑选配,我也是从一个电脑萌新不停的上网百度,问朋友然后总结了很多经验今天跟大家分享下,因为社区很多都是学生党,所以我选的配置尽量会是选我觉得性价比比较高的来说,本人也是菜鸟只是…

自助装机配置专家点评2

8500元Intel双45平台 P45芯片组的发布,使得Intel的双45平台(45nmP45)也成为了目前高端游戏玩家们攒机的首选平台之一。近期,部分品牌的平价P45主板已经到货,下面我们就用它来打造一套爽玩游戏的双45配置吧。这是一套针…

7月11日自助装机配置专家点评

标题类型作者地区时间帮朋友配置的..老机升级方案mose8724广州市 2008-6-26 2:28:55 装机理由朋友需要装一台电脑,主要用途:视频压缩..单反照片RAW处理..观看一般高清影片..游戏只玩魔兽争霸和FIFA,他现在的配置如下: CD 2.93(忘了3XX了) 80G IDE硬盘昂达 RC410S 512内存.. 预…

Win7 32Bit与64Bit版本终极对决

Windows 7 RTM用32bit还是64bit  如果说Vista是一个早出娘胎的BB,那么Windwos7就是一个刚刚摆完满月酒的小孩。尽管Vista当年带给我们多少震撼,但微软受到厂商和媒体的压力,不得不提早把Vista推出市场,结果可想而知,…

DIY组装自己的深度学习主机

其实想写自己的博客很久了,但一直没有动手开始写,今天是2018年6月24日,准备邯郸学步,开启自己的博客园博客之旅。 因为在公司有接触深度学习这一块,然而因为没有一台自己的深度学习主机,不能放开手脚来学习…

搭建个人深度学习环境(一)—— 单GPU主机配置

前言 硬件配置 配置表 选择原因 配置总结 系统环境配置及驱动安装 安装ubuntu 16.04 制作启动盘 安装系统(UEFI启动) 安装驱动 网卡驱动 显卡驱动 前言 因为实验室服务器不够用,所以准备自己搭建一台搭载高性能GPU的主机作为个人…