wordpress博客系統(tǒng)支持在網(wǎng)站首頁(yè)或者文章頁(yè)側(cè)面添加各種實(shí)用小工具，大多數(shù)站長(zhǎng)都會(huì)利用小工具添加各種美化網(wǎng)站或者使用的東西在側(cè)邊欄的小工具框里面，下面分享一個(gè)HTML5仿Apple Watch時(shí)鐘動(dòng)畫源碼，具體預(yù)覽效果可以看看本站首頁(yè)的側(cè)邊欄的時(shí)鐘效果，分享兩個(gè)不同顏色的時(shí)鐘源碼，站長(zhǎng)可以根據(jù)自己的網(wǎng)站風(fēng)格來(lái)選擇，具體的效果查看文章截圖。

預(yù)覽圖

使用方法

將仿Apple Watch時(shí)鐘動(dòng)畫源碼上傳到你的網(wǎng)站目錄

打開wordpress后臺(tái)，點(diǎn)擊外觀下的小工具

直接拖拽空白的自定義HTML或者文本框小工具到右邊你需要顯示的區(qū)域

將下面的html代碼粘貼到你的小工具內(nèi)容里面保存即可（注意：修改http://www.kuoshi.com.cn/time/為你自己時(shí)鐘源碼地址）

<iframe width="100%" height="150" src="http://www.kuoshi.com.cn/time/"></iframe>

打開網(wǎng)站首頁(yè)或者你添加小工具的頁(yè)面即可看到效果

源碼下載

https://wwi.lanzous.com/iP7Ujndimfg