HTML5仿Apple Watch时钟动画源码分享——墨涩网

Apple Watch时钟动画 (5).jpg

wordpress博客系统支持在网站首页或者文章页侧面添加各种实用小工具,大多数站长都会利用小工具添加各种美化网站或者使用的东西在侧边栏的小工具框里面,下面分享一个HTML5仿Apple Watch时钟动画源码,具体预览效果可以看看本站首页的侧边栏的时钟效果,分享两个不同颜色的时钟源码,站长可以根据自己的网站风格来选择,具体的效果查看文章截图。


预览图

Apple Watch时钟动画 (5).jpgApple Watch时钟动画 (1).jpg

使用方法

将仿Apple Watch时钟动画源码上传到你的网站目录

Apple Watch时钟动画 (6).JPG

 

打开wordpress后台,点击外观下的小工具

Apple Watch时钟动画 (2).jpg

直接拖拽空白的自定义HTML或者文本框小工具到右边你需要显示的区域

Apple Watch时钟动画 (4).jpg

将下面的html代码粘贴到你的小工具内容里面保存即可(注意:修改https://www.sunweihu.com/time/为你自己时钟源码地址)

<iframe width="100%" height="150" src="https://www.sunweihu.com/time/"></iframe>

 

Apple Watch时钟动画 (3).jpg

打开网站首页或者你添加小工具的页面即可看到效果

源码下载

https://wwi.lanzous.com/iP7Ujndimfg

THE END