凡人 發表於 2020-1-6 02:14:48

HTML5仿Apple Watch時鍾動畫源碼

https://p0.meituan.net/csc/9aac9ab0fec968ded401277521b35fad180039.png
       HTML5動態時鍾是仿Apple Watch界面模擬出來的,其華麗的界面具有蘋果的風格,可以根據本地時間實時更新指針數據。
       黑白兩個不同顔色的時鍾源碼,您可以根據自己網站的風格進行選擇。

使用方法:
       將HTML5仿Apple Watch時鍾動畫源碼“time”文件夾上傳到您網站的任意目錄下即可。

WordPress主題設置:
       登陸WordPress後台,點擊“外觀”下的“小工具”,直接拖拽空白的“自定義HTML”或者文本框小工具到右邊您需要顯示的區域,將下面的HTML代碼粘貼到您的小工具內容中保存即可。
<iframe src="http://www.crskey.com/time/" width="100%" height="300"></iframe>       注意:修改“http://www.crskey.com/time”爲您時鍾源碼上傳後的實際路徑。

Z-BlogPHP主題設置:      
       登陸Z-BlogPHP後台,直接將上面的HTML代碼粘貼到您需要顯示的區域即可。

https://ae01.alicdn.com/kf/U0ca007472fc0456faacb540be4e7e79dL.gif
https://p0.meituan.net/csc/a65918b247a16c1ab90a48c0fbf703ab5981.png

admin 發表於 2020-1-6 03:14:19

&nbsp; &nbsp;&nbsp; &nbsp; 以Google Chrome爲代表的主流浏覽器,很快將不再支持Flash。HTML5未來發展的趨勢。<br><div class="blockcode"><blockquote>&lt;iframe runat="server" src="you page's url" width="750" height="30" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"&gt;&lt;/iframe&gt;</blockquote></div><b><font color="#ffffff">IFrame去邊框無邊框代碼</font></b>:<br>● runat="server" 這個最好加上IFrame跳轉asp.net可在當前IFrame中跳轉<br>● src 鏈接到的地址URl<br>● frameborder 是否顯示邊框(0無邊框 1有邊框)<br>● scrolling 是否有滾動條(yes有滾動條 no無滾動條)<br>● allowtransparency 背景是否透明(yes透明 no不透明)<br><iframe runat="server" src="http://bbs.crskey.com/time/" width="100%" height="300" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe><br>

admin 發表於 2020-1-6 04:16:29

CrsKey論壇HTML5仿Apple Watch時鍾動畫演示代碼:<div class="blockcode"><blockquote>&lt;iframe runat="server" src="https://bbs.crskey.com/time/" width="100%" height="300" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"&gt;&lt;/iframe&gt;</blockquote></div><iframe runat="server" src="https://bbs.crskey.com/time/" width="100%" height="300" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
頁: [1]
查看完整版本: HTML5仿Apple Watch時鍾動畫源碼