WordPress为网站侧边栏添加粒子跳动当前时间时钟

本文介绍:

这一篇文章将介绍给大家知道如何美化像本平台首页侧边栏有这个时间的粒子跳动时钟的显示,使我们的首页更加的好看,让用户看起来也不错,这样子才会吸引更多的用户前来关注你的平台,所以呢,这一期我就分享给大家使用!

效果图

WordPress为网站侧边栏添加粒子跳动当前时间时钟插图

安装教程

一、我们首先只需要把下面的这个HTML代码添加到我们的外观-小工具,进入之后点击首页边栏这里添加一个自定义HTML的功能模板,后放入以下代码保存即可!

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>玖华IT知识分享-blog.jhacd.com</title>
</head>
<body>
<canvas id="canvas" style="width:100%;" width="820" height="250"></canvas>
<script type="text/javascript" src="clock.js"></script>
</body>
</html><div class="card-content">
<canvas id="canvas" style="width:100%;" width="820" height="250"></canvas>
<script src="/clock.js"></script>	
</div>

WordPress为网站侧边栏添加粒子跳动当前时间时钟插图1

WordPress为网站侧边栏添加粒子跳动当前时间时钟插图2

二、我们然后下载下方的这个文件之后,把下方的这个“clock.js”文件放到我们网站的根目录或者主题下的目录即可!

此处内容需要回复后才能查看

版权声明 1 本网站名称:玖华IT知识分享
2 本站永久网址:https://blog.jhacd.com
3 当前文章地址:https://blog.jhacd.com/470.html
4 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
5 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
6 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
7 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ:81754131,进行删除处理。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>