master
tangyi 2021-09-28 18:22:19 +08:00
parent 651eac1471
commit 757499cfb8
4 changed files with 59 additions and 86 deletions

View File

@ -2094,6 +2094,16 @@ align-items: flex-end;
.tyhder_btntop{
display: none;
}
.tyhder_moban{
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: rgb(0,0,0,0.5);
z-index: -1;
display: none;
}
.pod{
/* background-color: rgb(245, 245, 245); */
@ -5968,4 +5978,17 @@ ul {
}
.tyAboutUs_lxwx img{
width: 100%;
}
.tyhder_herader .tyhder_listnavpad{
position: fixed;top: 80px;
right: 0px;
display: block;
height: 100%;
background-color: #fff;
}
.tyhder_listnavpad li{
padding: 15px 60px;
text-align: center;
border-top: 1px solid #E6E6E6;
background-color: #fff;
}

View File

@ -10,11 +10,11 @@
<title>联系我们</title>
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" />
<link rel="stylesheet" href="../../css/huaxia.css">
<script src="../../js/huaxia.js"></script>
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://api.map.baidu.com/geocoder/v2/?ak=mDcZsWM7gGKb7MC1bC8Mo33FScjYEr0I&output=json&address=百度大厦&city=北京市"></script>
<script src="../../js/huaxia.js"></script>
</head>

View File

@ -18,12 +18,12 @@
</head>
<body class="tygrzx_co">
<header class="tyhder_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="dis p-zy320 pod" >
<a href="../../index.html" title="华夏艺术网"><img src="../../img/logo.png" title="图2" alt="图片已缺失"></a>
<div class="tyhder_listnavdIV">
<a href="">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
</a>
<ul class="tyhder_listnav">
<li> 123</li>
<li><span class="tyhder_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
@ -33,29 +33,19 @@
<li><span class="tyhder_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="tyhder_di"></span><a target="_parent" class="tyhder_gr" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul>
</div>
<div class="tyhder_moban">
</div>
<div class="tyhder_btntop">
<img class="tyhder_btntopimg" src="../../img/public/gn.png">
</div>
</nav>
</header>
<script>
console.log( $(".ty_btntopimg"));
$(".ty_btntopimg").on("click",()=>{
$(".ty_btntopimg").addClass("trans90")
$(".ty_listnav").addClass("ty_listnavPosition")
})
</script>
<div class="mian tygrzx">
<div class="p-zy320 dis">
@ -1172,69 +1162,7 @@ $(".ty_listnav").addClass("ty_listnavPosition")
</div>
</div>
<!-- 底部导航 -->
<div class="foot-nav-box">
<!-- 导航文字 -->
<div class="foot-box-nav">
<div><a href="../../index.html" target="_parent">首页</a></div>
<div><a href="../artNetwork/realTimeInfo.html" target="_parent">资讯</a></div>
<div><a href="../artNetwork/exhibition.html" target="_parent">展览</a></div>
<div><a href="../artNetwork/artist.html" target="_parent">艺术家</a></div>
<div><a href="../artNetwork/mechanism.html" target="_parent">机构</a></div>
<div><a href="../artNetwork/train.html" target="_parent">培训</a></div>
<div><a href="../artNetwork/shoppingMall.html" target="_parent">商城</a></div>
<div><a href="../artNetwork/auction.html" target="_parent">拍卖</a></div>
</div>
<!-- 导航图片 -->
<div class="foot-box-img">
<img src="../../img/public/foot-xl.png" alt="图片缺失" title="新浪">
<img src="../../img/public/foot-wx.png" alt="图片缺失" title="微信">
<img src="../../img/public/foot-whatsapp.png" alt="图片缺失" title="电话">
<img src="../../img/public/foot-facebook.png" alt="图片缺失" title="facebook">
<img src="../../img/public/foot-skype.png" alt="图片缺失" title="钱">
</div>
</div>
<div class="foot-end-box">
<div>
<img src="../../img/logo.png" alt="图片丢失" title="华夏艺术网">
<div class="linh26">
<div class="foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
</div>
</div>
<div>
<div class="foot-end-right">
<div>
<div>
<img class="shu-logo" src="../../img/public/shuy-logo.png" alt="图片丢失" title="成都惠民职工书院">
</div>
<div class="linh30">
<div class="foot-end-titlez">成都惠民职工书院</div>
<div class="foot-end-content">地址成都市青羊区青羊大道129号文化宫2楼</div>
<div class="foot-end-content">电话028-81712589</div>
</div>
</div>
<div class="foot-count" style="width: 100%;">
<div class="foot-end-title">联系我们</div>
<div class="foot-end-content"><span class="fs">地址:</span>四川省成都市武侯区天益街38号理想中心3栋601</div>
<div class="foot-end-content dis"><span class="fs">手机:</span>13880548658</div>
<div class="foot-end-content dis"><span class="fs">电话:</span>028-61529525</div>
<div class="foot-end-content dis"><span class="fs">邮箱:</span>zarts@126.com</div>
</div>
<div class="foot-qrcode">
<div>
<img src="../../img/public/huax-em.png" alt="图片丢失" title="华夏艺术网">
<div>华夏艺术网</div>
</div>
<div>
<img src="../../img/public/shuy-em.png" alt="图片丢失" title="成都惠民职工书院">
<div>成都惠民职工书院</div>
</div>
</div>
</div>
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved.&nbsp;&nbsp;&nbsp;&nbsp蜀ICP备11111111号&nbsp;&nbsp;&nbsp;&nbsp技术支持全美网络 </div>
</div>
</div>
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"></iframe>
<!-- 刪除提示 -->
<div class="tygrzx_move">
<div class="tygrzx_movecon">

View File

@ -752,15 +752,37 @@ function getScrollTop() {
document.addEventListener("scroll", myFunction);
function myFunction() {
if (getScrollTop() > 125) {
if (getScrollTop() > $(".tyhder_herader>img").css("height").split("px")[0]) {
$(".pod").css("position", "fixed")
$(".pod").addClass("dtip")
} else if (getScrollTop() < 125) {
$(".mian").css("marginTop", `${$(".tyhder_herader>nav").css("height")}`)
$(".tyhder_moban").css("top", `${$(".tyhder_herader>nav").css("height")}`)
} else if (getScrollTop() < $(".tyhder_herader>img").css("height").split("px")[0]) {
$(".pod").css("position", "relative")
$(".pod").removeClass("dtip")
$(".mian").css("marginTop", "0px")
$(".tyhder_moban").css("top", `0px`)
$(".tyhder_listnavpad").css("top",`${$(".tyhder_herader>nav").css("height")}`)
}
}
}
$(function navdao(params) {
// ---
let navif = true
$(".tyhder_btntopimg").on("click", (e) => {
if (navif) {
$(".tyhder_moban").css("display", "block")
$(".ty_listnav").addClass("ty_listnavPosition")
$(".ty_btntopimg").addClass("trans90")
$(".tyhder_listnav").addClass("tyhder_listnavpad")
$(".tyhder_listnavpad").css("top",`${$(".tyhder_herader").css("height")}`)
} else {
$(".tyhder_moban").css("display", "none")
}
})
})