<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>jQuery创意圆形罗盘时钟代码 - 更多源码【www.96flw.com】</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/test.js"></script>
<script src="js/common.js"></script>
<script src="js/config.js"></script>
</head>
<style>
*{
margin: 0;
padding: 0;
}
body{
background-attachment: fixed;
color: #F5F4F6;
font-size: 12px;
font-weight: bold;
overflow: hidden;
width: 1000px;
height: 900px;
font-family: "微软雅黑";
}
audio{
position: absolute;
right: 0;
opacity: 0.1;
transition: all 1s;
}
audio:hover{
opacity: 1;
}
.current{
color: #D1A3F7;
}
video{
z-index: -1;
/* object-fit: fill; */
position: fixed;
/* right: 0px;
bottom: 0px; */
min-width: 100%;
min-height: 100%;
/* height: auto;
width: auto; */
}
.main-content{
position: absolute;
top:50%;
left: 50%;
}
.main-content .year{
position: relative;
top: -13px;
left: -38px;
text-align: center
}
.main-content .year span{
position: absolute;
width: 80px;
}
.main-content .month{
position: relative;
top: -13px;
left: 40px;
}
.month span{
position: absolute;
width: 60px;
}
.main-content .day{
position: relative;
top: -13px;
left: 85px;
}
.day span{
position: absolute;
width: 65px;
}
.main-content .week{
position: relative;
top: -13px;
left: 145px;
}
.week span{
position: absolute;
width: 65px;
}
.main-content .shichen{
position: relative;
top: -13px;
left: 200px;
}
.shichen span{
position: absolute;
width: 125px;
}
.main-content .hour{
position: relative;
top: -13px;
left: 240px;
}
.hour span{
position: absolute;
width: 60px;
}
.main-content .minute{
position: relative;
top: -13px;
left: 300px;
}
.minute span{
position: absolute;
width: 60px;
}
.main-content .second{
position: relative;
top: -13px;
left: 370px;
}
.second span{
position: absolute;
width: 60px;
}
</style>
<body>
<div class="main-content">
<div class="year">
<!-- <span>2019</span> -->
</div>
<div class="month"></div>
<div class="day"></div>
<div class="week"></div>
<div class="shichen"></div>
<div class="hour"></div>
<div class="minute"></div>
<div class="second"></div>
</div>
</body>
</html>
jQuery创意圆形罗盘时钟代码.zip （5个子文件） 
jiaoben7574 js 
common.js 18KB config.js 285B test.js 35KB jquery-3.4.1.min.js 86KB
index.html 3KB资源评论
码云笔记
- 粉丝: 3w+
- 资源: 5852
最新资源
- 基于ThinkPHP的投资分析、真实模拟平台详细文档+全部资料+高分项目.zip
- 基于Vue2.x的记账单记录、账单分析系统详细文档+全部资料+高分项目.zip
- 基于vnpy，支持多账户，多策略，实盘交易，数据分析，分布式在线回测，风险管理，多交易节点的量化交易系统；支持CTP期货，股票，期权，数字货币等金融产品详细文档+全部资料+高分项目.zip
- 基于百度识别API的客流分析统计系统详细文档+全部资料+高分项目.zip
- 基于成交量的股票数据分析系统详细文档+全部资料+高分项目.zip
- 基于大学生课程成绩挖掘分析的就业预测系统详细文档+全部资料+高分项目.zip
- 基于多通道卷积神经网络的汽车评论情感分析系统详细文档+全部资料+高分项目.zip
- 基于混沌系统和DNA编码的彩色数字图像加密、解密、抗噪声性能分析以及抗裁剪性能分析详细文档+全部资料+高分项目.zip
- 基于时间指数的股票价值分析系统详细文档+全部资料+高分项目.zip
- 基于计算机视觉，路面分析，及交通路况识别的车辆辅助驾驶系统详细文档+全部资料+高分项目.zip
- 基于微博的网络舆情话题分析和用户画像系统详细文档+全部资料+高分项目.zip
- 基于知识库的问答系统、其中使用带注意力机制的对抗迁移学习做中文命名实体识别，使用BERT模型做句子相似度分析。详细文档+全部资料+高分项目.zip
- 四足机器狗模型3D图纸和工程图机械结构设计图纸和其它技术资料和技术方案非常好100%好用.zip
- 毕业设计-基于智慧景区之PC端（管理端）后台管理系统全部资料+高分项目+详细文档.zip
- 基于CS架构的武汉市智慧旅游系统iTravel全部资料+高分项目+详细文档.zip
- 基于PaddlePaddle的智慧课堂实时监测系统全部资料+高分项目+详细文档.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
