master
parent
651eac1471
commit
757499cfb8
|
@ -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); */
|
||||
|
@ -5969,3 +5979,16 @@ 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;
|
||||
}
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
@ -35,27 +35,17 @@
|
|||
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
|
||||
|
||||
</ul>
|
||||
|
||||
<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.  蜀ICP备11111111号  技术支持:全美网络 </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">
|
||||
|
|
30
js/huaxia.js
30
js/huaxia.js
|
@ -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")
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
})
|
||||
|
|
Loading…
Reference in New Issue