处理底部问题

master
Tuzki 1 year ago
parent f729950c62
commit 1a11a25b5c
  1. 12
      pages/Public/static/themes/css/dataList.css
  2. 4
      pages/Public/static/themes/css/global.css
  3. 92
      pages/footer.html
  4. 2
      pages/header.html
  5. 6
      pages/index.html
  6. 14
      pages/qingdan/index.html

@ -4,14 +4,6 @@
width: 100%;
}
.x-header,
.x-footer,
.x-container,
.container {
background: rgba(0, 0, 0, 0.3) !important;
color: #fff;
.nav_bg img{
width: 100%;
}
.nav-mod .nav-item:hover>.nav-lv {
background-color: rgba(0, 0, 0, 0.3) !important;
}

@ -519,6 +519,7 @@ a:focus, a:hover {color: inherit;}
.m-show{ display: none;}
.x-header, .x-footer, .x-container,.container{ min-width: 1250px;}
.x-header.dark{ background: rgba(0, 0, 0, 0.3);color: #fff;}
.x-wrap{ width: 1230px;}
.fullpage .x-header{ position: absolute; left: 0; top: 0; right: 0; background: url(../image/opacity-b25.png);}
.fullpage .nav-mod{ background: url(../image/opacity-10.png) repeat-x;}
@ -546,6 +547,7 @@ a:focus, a:hover {color: inherit;}
.nav-mod .nav-lv1 > .nav-item.cur > .nav-tit .nav-link:after, .nav-mod .nav-lv1 > .nav-item:hover > .nav-tit .nav-link:after{ opacity: 1; visibility: visible;}
.nav-mod .nav-lv1 .nav-link{ margin: 0 38px; padding: 12px;}
.nav-mod .nav-lv2{ position: absolute; left: 0; right: 0; top: 100%; padding: 21px 0 16px; background: #fff; font-size: 18px; overflow: hidden;}
.x-header.dark .nav-mod .nav-lv2{ background-color: rgba(0, 0, 0, 0.3);}
.nav-mod .nav-lv2:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: #dadada;}
.nav-mod .nav-lv2 .nav-item{ display: inline-block; padding: 2px 0; vertical-align: middle;}
.nav-mod .nav-lv2 .nav-item + .nav-item{ background: url(../image/temp/png18.png) left no-repeat;}
@ -562,12 +564,14 @@ a:focus, a:hover {color: inherit;}
}
.nav-mod .nav-item:hover > .nav-tit .nav-link{}
.nav-mod .nav-item:hover > .nav-lv{ opacity: 1; visibility: visible;}
.x-header.dark .nav-mod .nav-item:hover > .nav-lv{ background-color: rgba(0, 0, 0, 0.3);}
.nav-mod .nav-item.cur > .nav-tit .nav-link{}
.nav-mod .nav-grp{}
.x-header.special .nav-lv2{ padding: 36px 0;}
.x-header.special .nav-grp{ margin: auto; padding-left: 105px; width: 1125px; box-sizing: content-box;}
.x-header.special .nav-grp .nav-item{ padding: 6px 0; width: 33%; background: url(../image/temp/png1.png) left no-repeat; text-align: left;}
.x-header.special.dark .nav-grp .nav-item{ padding: 6px 0; width: 33%;background-color: rgba(0, 0, 0, 0.3); text-align: left;}
.x-header.special .nav-grp .nav-link{ margin: 0 8px;}
}

@ -1,28 +1,76 @@
<head>
<link rel="stylesheet" href="../assets/style/v-global.css">
<link rel="stylesheet" href="../assets/style/v-layout.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/global.css">
</head>
<div class="v-footer">
<div class="v-contain">
<div class="link">
<div class="link-item"><a href="/sitemap.html" target="_blank">网站地图</a></div>
<div class="link-item"><a href="/about_us/279.html" target="_blank">关于我们</a></div>
<div class="link-item"><a href="/contact.html" target="_blank">联系我们</a></div>
<div class="link-item"><a href="/about/206.html" target="_blank">版权与免责声明</a></div>
</div>
<div class="cont">
<span class="s"><a href="javascript:void(0);">主管:中华人民共和国文化和旅游部</a></span>
<span class="s"><a href="javascript:void(0);">主办:中国艺术研究院 · 中国非物质文化遗产保护中心</a></span>
<br>
<span class="s">Copyright©2018 中国非物质文化遗产网·中国非物质文化遗产数字博物馆 All Rights Reserved <a
href="https://beian.miit.gov.cn/" target="_blank">京ICP备07504941号-3</a> <a
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502042400"
target="_blank"><img src="/Public/static/themes/image/gaj.png">京公安网备 11010502042400</a></span>
<p class="ftbj">
<span class="s"><a href="http://www.fractal-technology.com"
target="_blank">网站建设:北京分形科技</a></span>
<span class="s">方正清刻本悦宋简体字体由方正电子免费公益授权</span></p>
<p class="red">建议使用360极速、Chrome、Firefox浏览器,最佳分辨率1920×1080</p>
<div class="section fp-auto-height">
<style>
.x-footer {
background-image: url('../assets/images/fetbg.png');
}
</style>
<div class="x-footer">
<div class="about-site ">
<div class="x-wrap">
<div edit_params="title1Show%3D1%26title1Max%3D20%26showLink%3D1%26tabs%3D5">
<div class="link">
<div class="link-item"><a href="" target='_blank'>[
网站地图</a></div>
<div class="link-item"><a href="" target='_blank'>[ 关于我们</a></div>
<div class="link-item"><a href="" target='_blank'>[
联系我们</a></div>
<div class="link-item"><a href="" target='_blank'>[
版权与免责声明</a></div>
</div>
</div>
<div class="cont"
edit_params="title1Show%3D1%26title1Max%3D20%26showLink%3D1%26title2Max%3D30%26title2Show%3D1%26showLink2%3D1%26title3Show%3D1%26title3Max%3D80">
<span class="s"><a href="javascript:void(0);">主管:河北省文化和旅游厅</a></span>
<br>
<span class="s"><a href="javascript:void(0);">主办:中国艺术研究院 · 中国非物质文化遗产保护中心</a></span>
<br>
<br>
<img class="qrcode" src="Uploads/Picture/qrcode/qrcode.jpg">
<br>
<br>
<br>
<span class="s">Copyright©2018 中国非物质文化遗产网·中国非物质文化遗产数字博物馆 All Rights Reserved <a
href="https://beian.miit.gov.cn/" target="_blank">京ICP备07504941号-3</a> <a
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502042400"
target="_blank"><img src="Public/static/themes/image/gaj.png">京公安网备
11010502042400</a></span>
<p class="red">建议使用360极速、Chrome、Firefox浏览器,最佳分辨率1920×1080</p>
</div>
<style>
.qrcode {
width: 100px;
height: 100px;
}
.line {
background-color: #888888;
width: 100%;
height: 1px;
position: absolute;
bottom: 20px;
}
.feet_bian img {
width: 100%;
height: 40px;
}
.about-site{
height: 420px;
}
</style>
</div>
<div class="line"></div>
<div class="feet_bian">
<img src="../assets/images/fetbian.png" alt="">
</div>
</div>
</div>
</div>
</div>

@ -205,7 +205,7 @@
$('#myalert').hide();
}
</script>
<div class="x-header ">
<div class="x-header">
<div class="menu-head">
<div class="logo"
edit_params="width%3D50%26height%3D50%26backgroundColor%3D1%26unlimit%3D1%26title1Show%3D1%26title1Max%3D20%26title2Show%3D1%26title2Max%3D20%26showLink%3D1">

@ -41,7 +41,7 @@
<script src="Public/static/themes/js/plugs/audio.js"></script>
<script src="Public/static/themes/laydate/laydate.js"></script>
<script type="text/javascript" src="../assets/js/ftfont-init.js"></script>
<script src="Public/static/themes/js/LunarCalendar.min..js"></script>
<script src="Public/static/themes/js/LunarCalendar.min.js"></script>
<!--[if lt IE 9]>
<script src="/Public/static/themes/js/plugs/html5shiv.min.js"></script>
<script src="/Public/static/themes/js/plugs/respond.min.js"></script>
@ -1367,8 +1367,6 @@
<br>
<br>
<br>
<br>
<br>
<span class="s">Copyright©2018 中国非物质文化遗产网·中国非物质文化遗产数字博物馆 All Rights Reserved <a
href="https://beian.miit.gov.cn/" target="_blank">京ICP备07504941号-3</a> <a
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502042400"
@ -1387,7 +1385,7 @@
width: 100%;
height: 1px;
position: absolute;
bottom: 220px;
bottom: 60px;
}
.feet_bian img{

@ -9,7 +9,14 @@
<link rel="stylesheet" href="../Public/static/themes/css/dataList.css">
<script src="../Public/static/themes/js/plugs/jquery.min.js"></script>
</head>
<style>
#footer{
position: fixed;
bottom: 0;
z-index: 99;
left: 0;
}
</style>
<body class="bg">
<iframe id="header" name="header" src='../header.html' width="100%" height="200" target="_self"
style="border: none; overflow: hidden"></iframe>
@ -21,13 +28,14 @@
$("#header").load(function () { //myFrameName iframe 的id
var iframeBody = $('#header').contents();
var elementInIframe = iframeBody.find('.nav-item');
var elementInIframe1 = iframeBody.find('.x-header');
var cur = elementInIframe.eq(14); // 使用 eq 方法来获取元素
cur.addClass('cur'); // 确保 cur 是一个有效的 jQuery 对象
elementInIframe1.addClass('dark'); // 给父元素添加类名
});
})
</script>
<div class="red"></div>
<iframe id="footer" src='../footer.html' width="100%" height="300" target="_self" style="border: none"></iframe>
<iframe id="footer" src='../footer.html' width="100%" height="460" target="_self" style="border: none"></iframe>
</body>
</html>
Loading…
Cancel
Save