这款Wordpress 时钟小工具是在别人的网站上面上看到的,觉得挺好看的,搜索发现很多博客的这个工具,貌似是付费的,所以自己打开F12看源码,找到了js文件,给扒了下来!分享给大家!需要的可自行添加美化自己博客
动态时钟效果图

1,js文件整体复制使用
在wordpress博客中使用:进入后台,找到小工具 -> 添加自定义html小工具,这样就可以添加到侧边栏了。比如本站的文章侧边栏效果

2,js外部引入使用
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><canvas id="canvas" style="width:100%;" width="820" height="250"></canvas><script type="text/javascript" src="clock.js"></script></body></html><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="canvas" style="width:100%;" width="820" height="250"></canvas> <script type="text/javascript" src="clock.js"></script> </body> </html><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="canvas" style="width:100%;" width="820" height="250"></canvas> <script type="text/javascript" src="clock.js"></script> </body> </html>
网页其他地方使用也是同理,
下载地址:
© 版权声明
THE END
暂无评论内容