|
|
@@ -73,12 +73,37 @@
|
|
|
.container>.left>.bottom>.bot-item p {
|
|
|
width: 153px;
|
|
|
}
|
|
|
+ .model {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .progress-7 {
|
|
|
+ width: 120px;
|
|
|
+ height: 24px;
|
|
|
+ margin: 0 auto;
|
|
|
+
|
|
|
+ -webkit-mask:
|
|
|
+ radial-gradient(circle closest-side, #000 94%, #0000) 0 0/25% 100%,
|
|
|
+ linear-gradient(#000 0 0) center/calc(100% - 12px) calc(100% - 12px) no-repeat;
|
|
|
+ background:
|
|
|
+ linear-gradient(#25b09b 0 0) 0/0% no-repeat #ddd;
|
|
|
+ animation: p7 2s infinite linear;
|
|
|
+ }
|
|
|
+
|
|
|
+ @keyframes p7 {
|
|
|
+ 100% {
|
|
|
+ background-size: 100%
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <div style="width:100%;" id="header"></div>
|
|
|
- <div class="container">
|
|
|
+<div class="model" style="width: 100%; height: 100vh; background: #000000dd; overflow: hidden;">
|
|
|
+ <div class="progress-7"></div>
|
|
|
+</div >
|
|
|
+ <div class="ctx" style="width:100%;" id="header"></div>
|
|
|
+ <div class="container ctx">
|
|
|
<div class="left" style="margin-left:389px;">
|
|
|
<div class="top" onclick="window.location.href='https://www.cqna.gov.cn/sjkf/'">
|
|
|
<p >公共数据 开放中心</p>
|
|
|
@@ -112,7 +137,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="width:100%;" id="footer"></div>
|
|
|
+ <div class="ctx" style="width:100%;" id="footer"></div>
|
|
|
</body>
|
|
|
|
|
|
<script src="layui/layui.js"></script>
|
|
|
@@ -120,7 +145,14 @@
|
|
|
<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script type="text/javascript" src="../constans.js" charset="utf-8"></script>
|
|
|
<script>
|
|
|
-
|
|
|
+ $(".ctx").hide()
|
|
|
+ setzz()
|
|
|
+ function setzz(){
|
|
|
+ setTimeout(function() {
|
|
|
+ $(".model").hide()
|
|
|
+ $(".ctx").show()
|
|
|
+ }, 4000);
|
|
|
+ }
|
|
|
|
|
|
setHeader()
|
|
|
setFooter()
|
elis