本文主要是介绍案例效果 | JavaScript世界时钟,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
案例效果
案例代码
<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" type="text/css" href="http://cdn.fjaiju.com/reset-2.0.0.css" /><title>JavaScript世界时钟 | 微信号:dong_dian_jun</title><style type="text/css">html, body {width: 100%;height: 100%;background-color: #228ac5;}.wrap {position: relative;width: 1920px;height: 1080px;margin: 0 auto;background: url(https://mmbiz.qpic.cn/mmbiz_png/p6DwiaCENIB5Vyybk8VBicwKRsEdbMehVpAqObQpDbabevHUHUibYf3eYKTnx6T9iapwJibDANpIbJrrhtaibaJHibm2A/0?wx_fmt=png) center center no-repeat;background-size: 100% 100%;}.clock3,.clock2,.clock1 {position: absolute;top: 440px;width: 497px;height: 531px;background: url(https://mmbiz.qpic.cn/mmbiz_png/p6DwiaCENIB5Vyybk8VBicwKRsEdbMehVppvWhDEib1QEIV9F342D5yoWfkjrVOWMBVAicmwyXHqwyxV0yGUl84MeQ/0?wx_fmt=png) center center no-repeat;background-size: 100% 100%;}.clock
这篇关于案例效果 | JavaScript世界时钟的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!