話不多數(shù)說，這是一款用html+css+js開發(fā)的高仿蘋果手機(jī)時(shí)鐘組件，

作者將蘋果的小組件移植到瀏覽器插件中，可以在BdTab新標(biāo)簽頁插件安裝該組件

HTML

? ? ? ? ?<div class="expand round circle-3"></div>

? ? ? ? ? ? </div>

? ? ? ? </div>

? ? </div>

</div>

JS

? ? ? ? animate();

? ? }

? ? function autoResize (element, nativeSize) {

? ? ? ? var update = function () {

? ? ? ? ? ? var scale = Math.min(window.innerWidth, window.innerHeight) / nativeSize

? ? ? ? ? ? element.style.transform = element.style.webkitTransform = 'scale(' + scale.toFixed(3) + ')'

? ? ? ? }

? ? ? ? update();

? ? ? ? window.addEventListener('resize', update)

? ? }

CSS

以上就是全部代碼，

安裝BdTab瀏覽器插件

可以查看更多其他小組件的源碼，喜歡的支持一下吧

插件內(nèi)的組件查看教程：