feiyiWeb
/
web
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

公共头部

Browse Source
master-fech
Tuzki 1 year ago
parent 99f06f4a5f
commit cf3027f308
1 changed files with 558 additions and 2 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 560
      pages/components/header.html

560
pages/components/header.html
Unescape View File

@ -1,10 +1,566 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="author" content="http://www.fractal-technology.com">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no,email=no,adress=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="河北省非物质文化遗产网非遗" />
<meta name="description"
content="河北省非物质文化遗产网·河北省非物质文化遗产数字博物馆旨在利用数字化技术和网络平台展示、传播中国和世界非物质文化遗产的专业知识，展示我省深厚丰富的非物质文化遗产资源，提供非物质文化遗产保护工作的信息交流，凝聚非物质文化遗产保护实践的观念和理论共识，充分调动和利用全社会的学术、经济、舆论资源及社会公众的参与，以促进河北省非物质文化遗产保护工作的全面和健康开展。" />
<!-- <title>河北省非物质文化遗产网·河北省非物质文化遗产数字博物馆 - 河北省非物质文化遗产网非遗</title>
-->
<title>河北省非物质文化遗产网·河北省非物质文化遗产数字博物馆</title>
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/jquery.fullPage.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/video-js.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/global.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/flex.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/page.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/lyc.css">
<link rel="stylesheet" href="Public/static/themes/css/jjl.css">
<script src="Public/static/themes/js/plugs/jquery.min.js"></script>
<script src="Public/static/themes/js/plugs/social-share.min.js"></script>
<script src="Public/static/themes/js/plugs/jquery.fullPage.min.js"></script>
<script src="Public/static/themes/js/plugs/jquery.placeholder.min.js"></script>
<script src="Public/static/themes/js/plugs/jquery.ba-throttle-debounce.min.js"></script>
<script src="Public/static/themes/js/plugs/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="Public/static/themes/js/plugs/imagesloaded.pkgd.min_v3.2.0.js"></script>
<script src="Public/static/themes/js/plugs/masonry.pkgd.min.js"></script>
<script src="Public/static/themes/js/plugs/TweenMax.min.js"></script>
<script src="Public/static/themes/js/plugs/video.js"></script>
<script src="Public/static/themes/js/plugs/slick.js"></script>
<script src="Public/static/themes/js/plugs/xRoll.js"></script>
<script src="Public/static/themes/js/global.js"></script>
<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 type="text/javascript">
$(function () {
$('.kf_search').focus(function () {
var placeholder = $(this).attr('placeholder');
var title_key = $(this).attr('title_key') ? $(this).attr('title_key') : '关键词';
if (placeholder == title_key || placeholder == 'search...') {
$(this).attr('placeholder', '');
} else {
var val = $(this).val();
if (val == title_key || val == 'search...') {
$(this).val('');
}
}
});
$('.kf_search').blur(function () {
var val = $(this).val();
if (val == '') {
if ($(this).hasClass('kkword')) {
$(this).val('search...');
} else {
var title_key = $(this).attr('title_key') ? $(this).attr('title_key') : '关键词';
$(this).attr('placeholder', title_key);
}
}
});
});
</script>
</head>
<body>
<script>
$(function () {
$('.x-header .widget-area-edit-title,.x-header .widget-area-notice').remove();
$('.sidebar .widget-area-edit-bg,.sidebar .widget-area-edit-title').remove();
$('.x-footer .widget-area-edit-bg,.x-footer .widget-area-edit-title').remove();
$('.rightNav .widget-area-edit-bg,.rightNav .widget-area-edit-title').remove();
$('.x-footer div,.x-footer span').removeClass('widget-area').find('.widget-area-edit,.widget-area-notice').remove();
$('.sidebar div,.x-footer span').removeClass('widget-area').find('.widget-area-edit,.widget-area-notice').remove();
});
</script>
<style>
.x-header .widget-area-edit {
display: none !important;
}
</style>
<style>
.empty-data {
width: 100%;
font-size: 25px;
padding-top: 8%;
padding-bottom: 8%;
text-align: center;
}
a {
color: inherit;
}
</style>
<div class="sidebar x-show">
<div>
<div class="sb-item">
<a href="https://www.ihchina.cn/news_2">
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabd3fa22ca.png" alt=""></div>
<div class="txt middle">
<div class="middle-cont">通知<br />
公告</div>
</div>
</div>
</a>
</div>
<div class="sb-item">
<a href="https://www.ihchina.cn/shenbaozhinan">
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabd8ad3ba5.png" alt=""></div>
<div class="txt middle">
<div class="middle-cont">申报<br />
指南</div>
</div>
</div>
</a>
</div>
<div class="sb-item">
<a href="https://www.ihchina.cn/tuji_list.html">
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabda3e0b89.png" alt=""></div>
<div class="txt middle">
<div class="middle-cont">图集</div>
</div>
</div>
</a>
</div>
<div class="sb-item">
<a href="https://www.ihchina.cn/video">
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabdbca4f5a.png" alt=""></div>
<div class="txt middle">
<div class="middle-cont">影音</div>
</div>
</div>
</a>
</div>
<div class="sb-item sb-wx">
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/14/s5bebd173616a5.png" alt=""></div>
<div class="txt middle">
<div class="middle-cont">微信<br />
公众号</div>
</div>
<div class="pop"><img src="Uploads/Picture/2018/11/17/s5bef8f3c6f3d6.png" alt="" class="img"></div>
</div>
</div>
<div class="sb-item js-gotop topping">
<a href="javascript:;">
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabe1324e28.png" alt=""></div>
<div class="txt middle">
<div class="middle-cont">回到<br />
顶部</div>
</div>
</div>
</a>
</div>
</div>
</div>
<style>
#myalert {
display: none;
}
.recruit .block1 {
height: auto
}
.layer {
background: url(Public/static/themes/image/con_mask.png);
;
position: fixed;
left: 0;
right: 0;
/*top:43px;*/
bottom: 0;
width: 100%;
height: 100%;
z-index: 1000000;
}
.layer .myalert {
padding: 30px;
background: #fff;
width: 240px;
position: absolute;
margin-top: -100px;
top: 50%;
left: 50%;
margin-left: -120px;
text-align: center;
z-index: 100000;
display: block;
height: 123px;
}
.layer .guan {
background: url(Public/static/themes/image/clos.png) no-repeat center;
display: block;
width: 15px;
height: 15px;
position: absolute;
top: 10px;
right: 10px;
}
.layer .text {
padding-bottom: 15px;
font-size: 16px;
color: #474747;
}
.layer .button {
background: none;
border: 1px solid #bbbbbb;
width: 91px;
height: 29px;
font: 14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;
color: #707070;
}
</style>
<div id="myalert" class="layer">
<div class="myalert">
<a href="javascript:;" onclick="myalert_hide();" class="guan"></a>
<div class="text">请输入关键字！</div>
<a><button class="button" id="my_ok"
style="cursor:pointer ;opacity: 1;transform: translateY(0px);">确定</button></a>
</div>
</div>
<script>
function my_alert(title, url) {
$('#myalert').show();
$('#myalert .myalert div').html(title);
if (url) {
$('#my_ok').click(function () {
window.location.href = url;
});
} else {
$('#my_ok').click(function () {
$('#myalert').hide();
});
}
}
function myalert_hide() {
$('#myalert').hide();
}
</script>
<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">
<a href="index.html" target="_blank">
<img src="Uploads/Picture/2018/11/20/s5bf3825b320ab.png" class="img" alt="" title="" />
</a>
<a href="index.html">
<span class="txt"><span class="g_txt">河北省非物质文化遗产保护协会</span>
<!-- <span class="dot">·</span> <span
class="g_txt">河北省非物质文化遗产数字博物馆</span></span> -->
</a>
</div>
<div class="menu-btn m-show"><span class="line"></span></div>
</div>
<div class="tools p-show">
<div class="search-trigger">
<div class="search-box">
<div class="search-txt"><input placeholder="请输入..." class="kkword kf_search" type="text">
</div><button class="search-btn submit_base" type="submit">&#xe851;</button>
</div>
</div>
<style>
.share-item .wechat-qrcode,
.share-item .code {
padding-top: 10px;
}
@media screen and (max-width: 750px) {
.share-item .wechat-qrcode,
.share-item .code {
padding-top: 0px;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
}
.share-box .icon-wchat.show .wechat-qrcode {
visibility: visible;
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
</style>
<script>
$(function () {
$(".share-box .icon-wchat").on('click', function () {
$(this).toggleClass("show");
});
$(".menu-btn").on('click', function () {
$(".share-box .icon-wchat").removeClass("show");
});
});
</script>
<!-- <div class="share-box social-share" data-initialized="true">
<a href="index.html#" class="social-share-icon share-item icon-wchat icon-wechat"></a>
<a href="index.html#" class="social-share-icon share-item icon-sinawb icon-weibo"></a>
</div> -->
<div id="dateInfo" class="calendar-box"
edit_params="width%3D50%26height%3D26%26unlimit%3D1%26noalert%3D1%26width2%3D50%26height2%3D26%26unlimit2%3D1%26noalert2%3D1%26title1Show%3D1%26title1Max%3D10%26backgroundColor%3D1%26zoom%3D0.2%26zoom2%3D0.2%26is_home%3D1">
<!--<img class="w" src="/Public/static/themes/image/temp/w.gif" alt="">-->
<img class="w w_kf" src="Uploads/Picture/2021/04/06/s606c4418c77ba.png" alt="" title="">
<script>
$(document).ready(function () {
// 获取当前日期
var today = new Date();
// 格式化日期
var year = today.getFullYear();
var month = ('0' + (today.getMonth() + 1)).slice(-2);
var day = ('0' + today.getDate()).slice(-2);
// 获取星期几
var weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var weekDay = weekDays[today.getDay()];
// 获取农历日期
var lunar = LunarCalendar.solarToLunar(year, month, day);
var lunarMonth = lunar.lunarMonth;
var lunarDay = lunar.lunarDay;
//农历日期格式化
var chineseDays = ['初一', '初二', '初三', '初四', '初五', '初六', '初七', '初八', '初九', '初十',
'十一', '十二', '十三', '十四', '十五', '十六', '十七', '十八', '十九', '二十',
'廿一', '廿二', '廿三', '廿四', '廿五', '廿六', '廿七', '廿八', '廿九', '三十'];
var chineseMonths = ['正月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '冬月', '腊月'];
var lunarDate = chineseMonths[lunarMonth - 1] + chineseDays[lunarDay - 1];
// 输出日期信息
var dateInfo = year + '-' + month + '-' + day + ' ' + weekDay + ' 农历' + lunarDate;
$('#dateInfo').text(dateInfo);
});
</script>
</div>
</div>
<div class="nav-mod">
<div class="search-box m-show">
<div class="search-txt">
<div class="i"></div><input type="text" placeholder="search..." class="kkword1 kf_search">
</div>
<button class="search-btn submit_base1" type="submit">搜索</button>
</div>
<ul class="nav-lv nav-lv1 clear">
<li class="nav-item cur">
<div class="nav-tit">
<a class="nav-link" href="index.html">首页</a>
</div>
</li>
<li class="nav-item">
<div class="nav-tit">
<a class="nav-link" href="https://www.ihchina.cn/jigou">组织机构</a>
</div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/news">协会章程</a></div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/news_1">协会人员</a></div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/news_2">关于我们</a></div>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<div class="nav-tit">
<a class="nav-link" href="https://www.ihchina.cn/zhengce">政策法规</a>
</div>
</li>
<li class="nav-item">
<div class="nav-tit">
<a class="nav-link" href="https://www.ihchina.cn/zixun">新闻资讯</a>
<span class="arr"></span>
</div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/news">非遗新闻</a></div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/news_1">专题报道</a></div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/news_2">通知公告</a></div>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<div class="nav-tit">
<a class="nav-link" href="https://www.ihchina.cn/ziyuan">非遗资源</a>
<span class="arr"></span>
</div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/zhanlan">展览</a></div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/video">影音</a></div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/tuji_list.html">图集</a>
</div>
</li>
<!-- <li class="nav-item">
<div class="nav-tit"><a class="nav-link"
href="http://www.ihchina.cn/H5_list.html">H5赏析</a></div>
</li> -->
</ul>
</div>
</li>
<li class="nav-item">
<div class="nav-tit">
<a class="nav-link" href="https://www.ihchina.cn/project.html">非遗数据</a>
<span class="arr"></span>
</div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item">
<div class="nav-tit"><a class="nav-link"
href="https://www.ihchina.cn/project#target1">非物质文化遗产项目</a>
</div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link"
href="https://www.ihchina.cn/representative#target1">非物质文化遗产代表性传承人</a>
</div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link"
href="https://www.ihchina.cn/shiyanshi#target1">非物质文化遗产生产性保护示范基地</a>
</div>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<div class="nav-tit">
<a class="nav-link" href="https://www.ihchina.cn/xueshu">申报指南</a>
<span class="arr"></span>
</div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/luntan">申报指南</a></div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/diaoyan">项目申报</a>
</div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/fangtan">传承人申报</a>
</div>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<div class="nav-tit">
<a class="nav-link" href="https://www.ihchina.cn/shenbaozhinan.html">网上入会</a>
<span class="arr"></span>
</div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item">
<div class="nav-tit"><a class="nav-link"
href="https://www.ihchina.cn/shenbaozhinan">入会须知</a></div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/zhishichuang">单位会员</a>
</div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="https://www.ihchina.cn/zhishichuang">个人会员</a>
</div>
</li>
</ul>
</div>
</li>
</ul>
<div class="share-box social-share m-show" data-initialized="true">
<a href="index.html#" class="social-share-icon share-item icon-wchat icon-wechat"></a>
<a href="index.html#" class="social-share-icon share-item icon-sinawb icon-weibo"></a>
</div>
</div>
</div>
<script>
$(function () {
$(".submit_base").click(function () {
var kkword = $(".kkword").val().replace(/ /g, "$@*");
if (kkword == '' || kkword == "search...") {
my_alert("请输入搜索内容"); return false;
}
window.location = "/search_result/keyword/" + kkword;
});
$(".submit_base1").click(function () {
var kkword = $(".kkword1").val().replace(/ /g, "$@*");
if (kkword == '' || kkword == "search...") {
my_alert("请输入搜索内容"); return false;
}
window.location = "/search_result/keyword/" + kkword;
});
if ($(window).width() <= 750) {
$(".x-header").keyup(function (e) {
if (e.keyCode === 13) {
$(".submit_base1").click();
}
});
} else {
$(".x-header").keyup(function (e) {
if (e.keyCode === 13) {
$(".submit_base").click();
}
});
}
$(".x-container .result1").keyup(function (e) {
if (e.keyCode === 13) {
$("#submit").click();
}
});
});
</script>
</body>
</html>

Write Preview
Loading…
Cancel
Save