新增倒计时

master
chen 2021-09-22 15:58:42 +08:00
parent 0816b56c04
commit 017289777e
40 changed files with 689 additions and 1182 deletions

9
css/foot.min.css vendored
View File

@ -9,6 +9,8 @@ body{padding: 0;margin: 0;}
justify-content: space-between;
align-items: center;
}
.linh30{line-height: 30px;}
.linh26{line-height: 26px;}
.foot-nav-box>div:first-child{color: #FFFFFF;font-size: 15px;display: flex;align-items: center;}
.foot-box-nav>div{margin-right: 46px;cursor: pointer;}
.foot-box-nav>div>a{text-decoration: none;color: #FFFFFF;}
@ -26,12 +28,11 @@ body{padding: 0;margin: 0;}
.foot-end-box>div:first-child>img{width: 80%;}
.foot-end-box>div:last-child{background: #faf9f8;width: 90%;padding-top: 27px;}
.foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;}
.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;}
.foot-end-titlez{font-size: 14px;line-height: 26px;font-weight: bold;margin-top: 10px;}
.foot-end-content{font-size: 13px;color: #616161;line-height: 26px;}
.foot-end-titlez,.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;}
.foot-end-content{font-size: 13px;color: #616161;}
/* .shu-logo{width: 389px;height: 70px;} */
.shu-logo{width: 100%;}
.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;flex-shrink: 0;}
.foot-count{margin: 30px 15px 0 15px;flex-shrink: 0;line-height: 30px;}
.foot-qrcode{margin-top: 30px;display: flex;justify-content: space-between;}
.foot-qrcode>div{display: flex;flex-direction: column;align-items: center;cursor: pointer;}
.foot-qrcode>div>img{width: 99px;height: 99px;}

View File

@ -272,6 +272,8 @@ input{outline: none;}
line-height: 1;
font-weight: 700;
}
.parent-page{height: 360px;}
.parent-page img{height: 360px;float: left;}
/* 首页7个轮播 */
.swiper-pub{width: 39px;height: 39px;position: absolute;top: 35%;z-index: 1;cursor: pointer;}
.two-next{right: 0;}
@ -292,7 +294,7 @@ input{outline: none;}
.close-q div:first-child{transform: rotate(45deg);}
.close-q div:last-child{transform: rotate(-45deg);}
.tk-tougao{padding: 30px 40px;}
.tk-tougao>div>input{width: 459px;height: 52px;border: 1px solid #E6E6E6;border-radius: 3px;}
.tk-tougao>div>input{width: 459px;height: 52px;border: 1px solid #E6E6E6;border-radius: 3px;padding-left: 10px;}
.bord2>div>div{color: #FFFFFF;background: #CB1919;font-size: 14px;padding: 2px 4px;margin-left: 20px;}
#sumitdh{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;}
.chooseImg-box{display: inline-block;}
@ -301,7 +303,7 @@ input{outline: none;}
.chooseImg-box>div>div span{display: block;width: 2px;height: 60px;border-radius: 3px;background-color: #E6E6E6;}
.chooseImg-box>div>div span:first-child{transform: rotate(90deg);}
.chooseImg-box>div img{width: 109px;height: 109px;object-fit: cover;z-index: 1;border-radius: 3px;}
.chooseImg-content{margin-top: 76px;margin-left: 20px;font-size: 12px;color: #222222;opacity: .7;}
.chooseImg-content{margin-top: 76px;margin-left: 120px;font-size: 12px;color: #222222;opacity: .7;}
.tgsub-btn{width: 906px;}
.tgsub-btn div{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;}
#success_fail{width: 569px;}
@ -373,14 +375,20 @@ input{outline: none;}
.syysj-box{background: #100e0d;padding-bottom: 65px;}
.syys-name{font-size: 30px;font-weight: bold;color: #cb1919;}
.sypx-box{background: url(../img/public/px-bac.png); background-size: 100% 100%;padding-bottom: 65px;}
.sypx-box img{height: 470px;float: left;}
.sypx-box .ys-title{height: 70px;line-height: 70px;}
.hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;}
.hzly-box{padding: 30px;z-index: 1;}
.hz-input-box input{margin-right: 10px;border-radius: 3px;border:1px solid #e9e9e9}
.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 10px 50px;border-radius: 3px;}
.hz-input-box input{margin-right: 10px;border-radius: 3px;border:1px solid #e9e9e9;height: 48px;}
.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 0px 82px;border-radius: 3px;height: 48px;line-height: 48px;border: 1px solid #CB1919;}
.hz-imgItem img{cursor: pointer;width: 90%;}
.yssc-img{height: 500px;vertical-align: bottom;}
.yssc-item{height: 500px;vertical-align: bottom;max-width: 364px;}
/* 资讯 */
#zx-list>div div:hover{cursor: pointer;}
#zx-list>div:hover .zx-title{color: #CB1919;}
#zx-list>div:hover .zx-dian{color: #CB1919;}
.zx-nav,.szx-nav,.px-nav{padding: 0;}
.zx-nav li span {cursor: pointer;}
.zx-nav li,.szx-nav li,.px-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
@ -395,7 +403,8 @@ input{outline: none;}
/* 机构 */
#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img,#jgs-list img,#pmd-list img,#pxsp-list img,#ys-list img,#zl-list img {transition: transform .5s;}
#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover,#jgs-list img:hover,#pmd-list img:hover,#ys-list img:hover,#zl-list img:hover{transform: scale(.94);transition: transform .5s;cursor: pointer;}
#zl-list div:hover .m-s20{font-weight: bold;}
#zl-list>div div:hover .m-s20{font-weight: bold;}
#zl-list>div div:hover div{color: #CB1919;}
.jg-guanz{width: 110px;height: 42px;line-height: 42px;text-align: center;}
.jg-xian{border: 0.5px solid #dbdbdb;position: absolute;right: -26px;height: 28%;top: 12%;}
.jg-twoNav{padding: 0;margin: 0;}
@ -405,6 +414,8 @@ input{outline: none;}
#pm-list>div:hover div:last-child>div:first-child,#pxzb-list>div:hover div:last-child>div:first-child{color: #CB1919;}
#pm-list>div:hover div:last-child>div:first-child .quan,#pxzb-list>div:hover div:last-child>div:first-child .quan{border: 2px solid #CB1919;}
.quan{width: 6px;height: 6px;border-radius: 100%;border: 2px solid #818181;margin-right: 6px;}
.pm-detail-box{width: 86%;background: #f4f4f4;padding: 20px;}
.pm-detail-box .font-24{width:100%;line-height: 36px;margin: 0 10px;}
/* 培训 */
.px-item-img{margin-bottom: -4px;}
.px-item-bo{top: 50%;left: 50%;transform: translate(-50%,-50%);}
@ -442,6 +453,9 @@ input{outline: none;}
.zpsearch-box{width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;}
.zpsearch-box input{width: 100%;border: none;height: 34px;margin-right: 20px;}
.zpsearch-box img{width: 17px;height: 16px;}
#previewImg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 10;display: none;justify-content: center;align-items: center;flex-direction: column;}
#previewImg div:first-child{background: #FFFFFF;border-radius: 10px;border: 10px solid #FFFFFF;width: 520px;height: 500px;overflow: hidden;}
#previewImg div:last-child{background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;border-radius: 100%;width: 50px;height: 50px;margin-top: 20px;cursor: pointer;}
/* 积分商城 */
#rem-list .dfc > div,#jf-list .dfc > div{margin: 10px;}
#rem-list .dfc > div img,#jf-list .dfc > div img{max-height: 230px;}
@ -455,6 +469,7 @@ input{outline: none;}
#alls-list .dfc > div{margin: 10px;}
#alls-list .dfc > div img{max-height: 230px;}
#alls-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
#alls-list .dfc:hover div{color: #CB1919;}
/* 详情右侧 */
.detail-right{width: 86%;padding-right: 10px;padding: 20px;}
.youhq-box span{background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;}

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
@ -63,7 +58,7 @@
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac m-s20">
<div class="dend w100 ac">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
@ -76,7 +71,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="exhibition.html">展览</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -92,7 +87,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -137,11 +132,11 @@
</div>
<div class="m-zy20 m-s20 linh30">
<div class="tin2 col19">周明安1949年生于广州祖籍山西河曲现为四川省诗书画院专业画家、国家一级美术师中国美术家协会会员、四川省书法周明安1949年生于广州祖籍山西河曲现为四川省诗书画院专业画家、国家一级美术师中国美术家协会会员、四川省书法</div>
<img class="m-sx20 w100" src="../../img/public/ys-d02.png" alt="图片丢失" title="" >
<img class="m-s20 w100" src="../../img/public/ys-d02.png" alt="图片丢失" title="" >
</div>
</div>
<!-- 推荐作品 -->
<div id="ysj-zp">
<div id="ysj-zp" style="display: none;">
<div id="" class="p-zy20">
<!-- 三级导航 -->
<ul class="szx-nav dac" style="padding: 0;margin-bottom: 20px;">
@ -157,11 +152,11 @@
</div>
</div>
<!-- 艺术访谈 -->
<div id="ysj-ft" class="p-zy20">
<div id="ysj-ft" style="display: none;" class="p-zy20">
<div id="ysj-ft-list" class="dac m-s20 fw"></div>
</div>
<!-- 书刊杂志 -->
<div id="ysj-sk" class="p-zy20">
<div id="ysj-sk" style="display: none;" class="p-zy20">
<div id="ysjzz-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
@ -76,7 +71,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="exhibition.html">展览</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -92,7 +87,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
@ -143,20 +138,24 @@
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div class="" style="width: 86%;padding-right: 10px;background: #f4f4f4;padding: 20px;">
<div class="font-24 clips2" style="width:100%;line-height: 36px;margin: 0 10px;">約公元一世紀</br> 大理石雕阿斯克勒庇俄斯殘像</div>
<div class="pm-detail-box">
<div class="font-24 clips2">約公元一世紀</br> 大理石雕阿斯克勒庇俄斯殘像</div>
<div class="font-16 p-s20 p-zy10 linh32">
<span>LOT号0001</span>
<div>估价:<span class="colcb">RMB 1,500-2,500</span></div>
</div>
<div class="p-sx20 m-sx20 p-zy10 font-15 linh30" style="border-top: 1px solid #dbdbdb;">
<div class="font-16 col19 fb">描述:</div>
<span style="font-size: 15px;color: #4d4d4d;">该器为紫砂胎,通体施仿均釉,釉色极佳,蓝釉中泛出若隐若现的白点,似蓝色的云层中泛出点点繁星。整器大气磅礴,釉面细腻光滑,底部露该器为紫砂胎,通体施仿均釉,釉色极佳,蓝釉中泛出若隐若现的白点,似蓝色的云层中泛出点点繁星。整器大气磅礴,釉面细腻光滑,底部露该器为紫砂胎,通体施仿均釉,釉色极佳,蓝釉中泛出若隐若现的白点,似蓝色的云层中泛出点点繁星。整器大气磅礴,釉面细腻光滑,底部露</span>
<span class="font-15" style="color: #4d4d4d;">该器为紫砂胎,通体施仿均釉,釉色极佳,蓝釉中泛出若隐若现的白点,似蓝色的云层中泛出点点繁星。整器大气磅礴,釉面细腻光滑,底部露该器为紫砂胎,通体施仿均釉,釉色极佳,蓝釉中泛出若隐若现的白点,似蓝色的云层中泛出点点繁星。整器大气磅礴,釉面细腻光滑,底部露该器为紫砂胎,通体施仿均釉,釉色极佳,蓝釉中泛出若隐若现的白点,似蓝色的云层中泛出点点繁星。整器大气磅礴,釉面细腻光滑,底部露</span>
</div>
</div>
</div>
<div class="backf5" style="padding: 6px;">
<div class="backf5 pd6">
<div class="backf">
<!-- 详情 -->
<div class="p-zy20">
<div class="bbt p-sx20 col19" style="font-size: 28px;">详情介绍</div>
<div class="font-15 linh30 m-sx20 tin2" style="color: #222222;">1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝</div>
<div class="bbt p-sx20 col19 font-28">详情介绍</div>
<div class="font-15 linh30 m-sx20 tin2 col22">1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝</div>
<div class="djcacfw">
<img width="97%" class="m-x20" src="../../img/public/pm-sd02.png" >
<img width="97%" class="m-x20" src="../../img/public/pm-sd03.png" >

View File

@ -13,10 +13,10 @@
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<div class="swiper-pagination"></div>
</div>
@ -105,7 +105,7 @@
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40 allitem-title">展览</div>
<div class="dac m-s20" id="px-item">
<div class="dac m-s20" id="zl-item">
<div class="cq-cp zx-xx">正在展会</div>
<div class="cq-cp zx-gg m-zy10">即将展览</div>
<div class="cq-cp zx-gg">展览回顾</div>
@ -113,7 +113,225 @@
</div>
</div>
<div class="p-zy320">
<div id="zl-list" class="dac fw" style="width: 102.6%;"></div>
<div id="zl-list">
<!-- 正在展会 -->
<div id="zling" class="dac fw" style="width: 102.6%;">
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-01.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-02.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-03.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-04.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-05.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-06.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-07.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-08.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
</a>
</div>
</div>
<!-- 即将展会 -->
<div id="zlwill" class="dac fw" style="width: 102.6%;display: none;">
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-04.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-03.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-02.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-01.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-05.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-06.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-07.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-08.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
</div>
<!-- 即将展会 -->
<div id="zled" class="dac fw" style="width: 102.6%;display: none;">
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-02.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-01.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-03.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-04.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-05.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-06.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-07.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-08.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方:华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址:虹桥艺术中心</div>
</a>
</div>
</div>
</div>
</div>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>

View File

@ -13,10 +13,10 @@
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<div class="swiper-pagination"></div>
</div>
@ -147,21 +147,70 @@
<div class="backf5 m-s30 pd6">
<div class="p-sx20 backf">
<div class="djbac bbt m-zy20 p-x10">
<div class="font-28">山东美术馆</div>
<div class="font-28">展览作品</div>
<div class="dac">
<div class="dac m-y10 cq-cp zhanl-select">
<div class="m-y20 font-14 op6">票数从高到低</div>
<img src="../../img/public/zlxl.png">
</div>
<div class="dac zpsearch-box">
<input type="text" name="" id="" value="" placeholder="作品搜索"/>
<img src="../../img/sy-search.png" >
<input type="text" onkeydown="searchZP()" name="" id="" value="" placeholder="作品搜索"/>
<img src="../../img/sy-search.png" class="cq-cp" >
</div>
</div>
</div>
<!-- 全部列表 -->
<section class="p-zy20">
<div id="zlzp-list" class="dac fw w102"></div>
<div id="zlzp-list" class="dac fw w102">
<div class="dfc w25 m-s30 linh28">
<div class="pr">
<img class="w90" src="../../img/grzx/ysp.png" alt="图标丢失" title="" >
<div class="pa djcacfw cq-cp search_img">
<img src="../../img/sy-search.png" style="width: 21px;height: 21px;" >
</div>
</div>
<div class="font-16 w90 clips1 m-s10">艺术清酒--得寓(酒标作品)</div>
<div class="font-14 op7 w90">作品编号2562</div>
<div class="font-14 op7 w90 djbac">获得票数2562 <span>第12名</span></div>
<div class="djcacfw w90 m-s20" onclick="toup(1)"><span class="cq-cp zltp">立即投票</span></div>
</div>
<div class="dfc w25 m-s30 linh28">
<div class="pr">
<img class="w90" src="../../img/grzx/ysp1.png" alt="图标丢失" title="" >
<div class="pa djcacfw cq-cp search_img">
<img src="../../img/sy-search.png" style="width: 21px;height: 21px;" >
</div>
</div>
<div class="font-16 w90 clips1 m-s10">艺术清酒--得寓(酒标作品)</div>
<div class="font-14 op7 w90">作品编号2562</div>
<div class="font-14 op7 w90 djbac">获得票数2562 <span>第12名</span></div>
<div class="djcacfw w90 m-s20" onclick="toup(2)"><span class="cq-cp zltp">立即投票</span></div>
</div>
<div class="dfc w25 m-s30 linh28">
<div class="pr">
<img class="w90" src="../../img/grzx/ysp2.png" alt="图标丢失" title="" >
<div class="pa djcacfw cq-cp search_img">
<img src="../../img/sy-search.png" style="width: 21px;height: 21px;" >
</div>
</div>
<div class="font-16 w90 clips1 m-s10">艺术清酒--得寓(酒标作品)</div>
<div class="font-14 op7 w90">作品编号2562</div>
<div class="font-14 op7 w90 djbac">获得票数2562 <span>第12名</span></div>
<div class="djcacfw w90 m-s20" onclick="toup(3)"><span class="cq-cp zltp">立即投票</span></div>
</div>
<div class="dfc w25 m-s30 linh28">
<div class="pr">
<img class="w90" src="../../img/grzx/ysp3.png" alt="图标丢失" title="" >
<div class="pa djcacfw cq-cp search_img">
<img src="../../img/sy-search.png" style="width: 21px;height: 21px;" >
</div>
</div>
<div class="font-16 w90 clips1 m-s10">艺术清酒--得寓(酒标作品)</div>
<div class="font-14 op7 w90">作品编号2562</div>
<div class="font-14 op7 w90 djbac">获得票数2562 <span>第12名</span></div>
<div class="djcacfw w90 m-s20" onclick="toup(4)"><span class="cq-cp zltp">立即投票</span></div>
</div>
</div>
<div class="p-sx65 zx-more">
<div class="container gray">
<div class="ispinner gray animating">
@ -181,6 +230,11 @@
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
<!-- 预览图片 -->
<div id="previewImg">
<div><img src="../../img/grzx/ysp1.png" style="width: 100%;"></div>
<div><img class="closeImg" src="../../img/public/closeh.png" ></div>
</div>
</section>
</div>
</div>

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>

View File

@ -1,173 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>机构艺术品</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
<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 src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
let swiper = new Swiper('.ont-swiper', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable :true,
},
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div onclick="goToPage(2)" class="cq-cp dac">
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
<span class="cq-cp">我的购物车</span>
</div>
<span class="sy-dian"></span>
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
<span class="sy-dian"></span>
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac m-s20">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!---->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
</div>
<div class="pr input-box backf">
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
<img class="pa cq-cp" src="../../img/sy-search.png">
</div>
</div>
</div>
</div>
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
<div class="p-zy320">
<div class="backf5 jg-tou">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">艺术品</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<div id="" class="p-zy20">
<!-- 三级导航 -->
<ul class="szx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="javascript:;" class="zx-nav-title">国画</a><div class="zx-nav-active"></div></li>
<li class="pr"><a href="javascript:;">油画</a><div></div></li>
<li class="pr"><a href="javascript:;">书法</a><div></div></li>
<li class="pr"><a href="javascript:;">素描</a><div></div></li>
<li class="pr"><a href="javascript:;">雕塑</a><div></div></li>
<li class="pr"><a href="javascript:;">工笔画</a><div></div></li>
<li class="pr"><a href="javascript:;">瓷器</a><div></div></li>
</ul>
</div>
<!-- 全部列表 -->
<section id="jgy-main" class="p-zy20">
<div id="jgy-list" class="dac fw" style="width: 102.6%;"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</div>
</div>
</div>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>
</html>

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
@ -76,11 +71,11 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="exhibition.html">展览</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -88,11 +83,11 @@
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="train.html">培训</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -116,31 +111,31 @@
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">艺术品</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
<ul class="zx-nav dac jg-twoNav">
<li class="pr cq-cp"><span>机构简介</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>机构成员</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>展会</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span class="zx-nav-title">艺术品</span><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>书刊杂志</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>新闻动态</span><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 详情 -->
<div class="p-zy20 m-sx30">
<div id="jgysp-box" class="p-zy20 m-sx30">
<div class="djb bbt p-x30">
<!-- Swiper -->
<div class="ys-swiper swiper-container m-y20">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-02.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-03.png" ></div>
</div>
<!-- 右箭头 -->
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
<img class="xq-next xq-pub" src="../../img/public/xq-next.png" >
<!-- 左箭头 -->
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
<img class="xq-pre xq-pub" src="../../img/public/xq-pre.png" >
</div>
<script>
let twoswiper = new Swiper('.ys-swiper', {
@ -152,8 +147,8 @@
disableOnInteraction: false,
},
navigation: {
nextEl: '.two-next',
prevEl: '.two-prev',
nextEl: '.xq-next',
prevEl: '.xq-pre',
},
mousewheel: false,//禁止鼠标滚动,切换
});
@ -173,6 +168,76 @@
<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画尤长于画虎1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展1986年在深圳、1994 拷贝文字后台替换花鸟动物画尤长于画虎1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展1986年在深圳、1994 拷贝文字后台替换花鸟动物画尤长于画虎1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展1986年在深圳、1994 拷贝文字后台替换花鸟动物画尤长于画虎1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展1986年在深圳、1994 拷贝</div>
<img width="100%" src="../../img/public/jg-dyd-03.png" >
</div>
<!-- 机构简介 -->
<div id="jgjj-box" style="display: none;">
<div class="m-zy20 m-s30 linh30">
<div class="tin2 col19">摩空精舍是成都知名专业艺术机构是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米名家摩空精舍是成都知名专业艺术机构是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米名家摩空精舍是成都知名专业艺术机构是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米名家</div>
<img class="m-sx20 w100" src="../../img/public/jg-detail-02.png" alt="图片丢失" title="" >
<div class="tin2 col19">摩空精舍是成都知名专业艺术机构是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米名家摩空精舍是成都知名专业艺术机构是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米名家摩空精舍是成都知名专业艺术机构是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米名家</div>
</div>
<div class="bbt m-zy20">
<div class="font-26 p-s20 p-x10">联系方式</div>
</div>
<div class="m-zy20 m-s20 linh42">
<div class="dac">
<img class="m-y15" src="../../img/public/jg-name.png" >
<div>联系人:摩空精舍</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-phone.png" >
<div>电话028-86256961 <span class="m-z30">手机13880548658</span></div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-email.png" >
<div>E-Mailzarts@126.com</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-cz.png" >
<div>传真028-86256961</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-dw.png" >
<div>地址高新区高朋大道10号传入科园二路10号航利中心3栋1单元3楼二酉山房</div>
</div>
</div>
</div>
<section class="p-zy20">
<!-- 机构成员 -->
<div id="jgcy-box" style="display: none;">
<div id="jgm-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 展会 -->
<div id="jgzh-box" style="display: none;">
<div id="jgz-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 书刊杂志 -->
<div id="jgsk-box" style="display: none;">
<div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 新闻动态 -->
<div id="jgxw-box" style="display: none;">
<div id="jgx-list"></div>
</div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</div>
</div>
</div>

View File

@ -1,161 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>机构书刊杂志</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
<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 src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
let swiper = new Swiper('.ont-swiper', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable :true,
},
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div onclick="goToPage(2)" class="cq-cp dac">
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
<span class="cq-cp">我的购物车</span>
</div>
<span class="sy-dian"></span>
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
<span class="sy-dian"></span>
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac m-s20">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!---->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
</div>
<div class="pr input-box backf">
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
<img class="pa cq-cp" src="../../img/sy-search.png">
</div>
</div>
</div>
</div>
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
<div class="p-zy320">
<div class="backf5 jg-tou">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">书刊杂志</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 全部列表 -->
<section id="jgs-main" class="p-zy20">
<div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</div>
</div>
</div>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>
</html>

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
@ -162,15 +157,15 @@
</div>
<section class="p-zy20">
<!-- 机构成员 -->
<div id="jgcy-box">
<div id="jgcy-box" style="display: none;">
<div id="jgm-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 展会 -->
<div id="jgzh-box">
<div id="jgzh-box" style="display: none;">
<div id="jgz-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 艺术品 -->
<div id="jgysp-box">
<div id="jgysp-box" style="display: none;">
<div>
<!-- 三级导航 -->
<ul class="szx-nav dac m-x20">
@ -186,11 +181,11 @@
<div id="jgy-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 书刊杂志 -->
<div id="jgsk-box">
<div id="jgsk-box" style="display: none;">
<div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 新闻动态 -->
<div id="jgxw-box">
<div id="jgxw-box" style="display: none;">
<div id="jgx-list"></div>
</div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">

View File

@ -1,161 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>机构展会</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
<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 src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
let swiper = new Swiper('.ont-swiper', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable :true,
},
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div onclick="goToPage(2)" class="cq-cp dac">
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
<span class="cq-cp">我的购物车</span>
</div>
<span class="sy-dian"></span>
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
<span class="sy-dian"></span>
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac m-s20">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!---->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
</div>
<div class="pr input-box backf">
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
<img class="pa cq-cp" src="../../img/sy-search.png">
</div>
</div>
</div>
</div>
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
<div class="p-zy320">
<div class="backf5 jg-tou">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">展会</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 全部列表 -->
<section id="jgz-main" class="p-zy20">
<div id="jgz-list" class="dac fw" style="width: 102.6%;"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</div>
</div>
</div>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>
</html>

View File

@ -1,163 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>机构新闻动态</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
<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 src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
let swiper = new Swiper('.ont-swiper', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable :true,
},
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div onclick="goToPage(2)" class="cq-cp dac">
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
<span class="cq-cp">我的购物车</span>
</div>
<span class="sy-dian"></span>
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
<span class="sy-dian"></span>
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac m-s20">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!---->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
</div>
<div class="pr input-box backf">
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
<img class="pa cq-cp" src="../../img/sy-search.png">
</div>
</div>
</div>
</div>
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
<div class="p-zy320">
<div class="backf5 jg-tou">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">新闻动态</a><div class="zx-nav-active"></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 全部列表 -->
<div class="p-zy20">
<section id="jgx-main">
<div id="jgx-list"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</div>
</div>
</div>
</div>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>
</html>

View File

@ -1,161 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>机构成员</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
<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 src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
let swiper = new Swiper('.ont-swiper', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable :true,
},
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div onclick="goToPage(2)" class="cq-cp dac">
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
<span class="cq-cp">我的购物车</span>
</div>
<span class="sy-dian"></span>
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
<span class="sy-dian"></span>
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac m-s20">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!---->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
</div>
<div class="pr input-box backf">
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
<img class="pa cq-cp" src="../../img/sy-search.png">
</div>
</div>
</div>
</div>
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
<div class="p-zy320">
<div class="backf5 jg-tou">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">机构成员</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 全部列表 -->
<section id="jgm-main" class="p-zy20">
<div id="jgm-list" class="dac fw" style="width: 102.6%;"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</div>
</div>
</div>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>
</html>

View File

@ -13,10 +13,10 @@
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<div class="swiper-pagination"></div>
</div>

View File

@ -13,10 +13,10 @@
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<div class="swiper-pagination"></div>
</div>

View File

@ -14,10 +14,10 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<div class="swiper-pagination"></div>
</div>
@ -123,8 +123,59 @@
<li><span>艺术教育</span><div></div></li>
</ul>
<!-- 全部列表 -->
<section id="zx-main">
<div id="zx-list"></div>
<section id="zx-list">
<div class="bbt djbac psx p-sx30">
<div class="fs m-y30">
<a href="realTimeInfoDetail.html">
<img style="width: 100%;" src="../../img/public/zx-01.png" alt="图片丢失" title="">
</a>
</div>
<div>
<div class="font-13 col7d m-x10">2021.06.30</div>
<div class="font-20 zx-title">【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现</div>
<div class="m-s30 col7d m-x10 zx-dian">◆ ◆ ◆ ◆</div>
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
</div>
</div>
<div class="bbt djbac psx p-sx30">
<div class="fs m-y30">
<a href="realTimeInfoDetail.html">
<img style="width: 100%;" src="../../img/public/zx-02.png" alt="图片丢失" title="">
</a>
</div>
<div>
<div class="font-13 col7d m-x10">2021.06.30</div>
<div class="font-20 zx-title">【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现</div>
<div class="m-s30 col7d m-x10 zx-dian">◆ ◆ ◆ ◆</div>
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
</div>
</div>
<div class="bbt djbac psx p-sx30">
<div class="fs m-y30">
<a href="realTimeInfoDetail.html">
<img style="width: 100%;" src="../../img/public/zx-03.png" alt="图片丢失" title="">
</a>
</div>
<div>
<div class="font-13 col7d m-x10">2021.06.30</div>
<div class="font-20 zx-title">【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现</div>
<div class="m-s30 col7d m-x10 zx-dian">◆ ◆ ◆ ◆</div>
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
</div>
</div>
<div class="bbt djbac psx p-sx30">
<div class="fs m-y30">
<a href="realTimeInfoDetail.html">
<img style="width: 100%;" src="../../img/public/zx-04.png" alt="图片丢失" title="">
</a>
</div>
<div>
<div class="font-13 col7d m-x10">2021.06.30</div>
<div class="font-20 zx-title">【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现</div>
<div class="m-s30 col7d m-x10 zx-dian">◆ ◆ ◆ ◆</div>
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
</div>
</div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>

View File

@ -13,10 +13,10 @@
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<div class="swiper-pagination"></div>
</div>

View File

@ -13,10 +13,10 @@
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<div class="swiper-pagination"></div>
</div>

View File

@ -13,10 +13,10 @@
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<div class="swiper-pagination"></div>
</div>
@ -171,7 +171,7 @@
</div>
</div>
<!-- 书画 -->
<div class="djbac bbt p-sx10 m-x20">
<div class="djbac bbt p-sx10 m-sx20">
<div class="font-26">书画</div>
<div id="sh-more" class="font-14 col19 op8 cq-cp">更多产品</div>
</div>

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>

View File

@ -14,16 +14,11 @@
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
@ -133,7 +128,7 @@
<div class="backf5" style="padding: 6px;">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20 p-x20">
<div class="font-36">详情介绍</div>
<div class="font-26">详情介绍</div>
</div>
<div class=" p-zy20">
<div class="tin2 p-sx30 linh30">1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝</div>

View File

@ -87,7 +87,7 @@
<div class="layui-input-block codes">
<input type="text" name="forget_code" required lay-verify="required" placeholder="验证码"
autocomplete="off" class="layui-input verity">
<div><span style="opacity: .8;">发送手机验证码</span></div>
<div class="cp" onclick="dateDao(1)" onselectstart="return false;"><span class="pubcode" style="opacity: .8;">发送手机验证码</span></div>
</div>
</div>
<!-- 设置密码 -->
@ -134,7 +134,7 @@
<div class="layui-input-block codes">
<input type="text" name="g_code" required lay-verify="required" placeholder="验证码"
autocomplete="off" class="layui-input verity">
<div><span style="opacity: .8;">发送手机验证码</span></div>
<div class="cp" onclick="dateDao(2)" onselectstart="return false;"><span class="pubcode" style="opacity: .8;">发送手机验证码</span></div>
</div>
</div>
<!-- 密码 -->
@ -197,7 +197,7 @@
<div class="layui-input-block codes">
<input type="text" name="j_code" required lay-verify="required" placeholder="请输入验证码"
autocomplete="off" class="layui-input verity">
<div><span style="opacity: .8;">发送手机验证码</span></div>
<div class="cp" onclick="dateDao(3)" onselectstart="return false;"><span class="pubcode" style="opacity: .8;">发送手机验证码</span></div>
</div>
</div>
<!-- 邮箱 -->
@ -253,7 +253,7 @@
<div class="layui-input-block codes">
<input type="text" name="y_code" required lay-verify="required" placeholder="请输入验证码"
autocomplete="off" class="layui-input verity">
<div><span style="opacity: .8;">发送手机验证码</span></div>
<div class="cp" onclick="dateDao(4)" onselectstart="return false;"><span class="pubcode" style="opacity: .8;">发送手机验证码</span></div>
</div>
</div>
<!-- 邮箱 -->

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

View File

@ -255,7 +255,40 @@
<div class="font-32 pr">信息动态<span class="font-22 m-z10">Information News</span><div class="pa"></div></div>
<div class="cq-gengd cq-cp sy-more">View More +</div>
</div>
<div class="djbacfw msg"></div>
<div class="djbacfw msg">
<div class="dac backf p-sx20 w48 m-x32">
<img src="img/public/xin-one.png" class="xx-img" style="max-width:252px" alt="图片丢失" title="">
<div class="m-zy15">
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
<div class="font-12 col9 m-sx10">2021.06.30</div>
<div class="clips2 font-12 xx-content">爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...</div>
</div>
</div>
<div class="dac backf p-sx20 w48 m-x32">
<img src="img/public/xin-two.png" class="xx-img" style="max-width:252px" alt="图片丢失" title="">
<div class="m-zy15">
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
<div class="font-12 col9 m-sx10">2021.06.30</div>
<div class="clips2 font-12 xx-content">爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...</div>
</div>
</div>
<div class="dac backf p-sx20 w48 m-x32">
<img src="img/public/xin-three.png" class="xx-img" style="max-width:252px" alt="图片丢失" title="">
<div class="m-zy15">
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
<div class="font-12 col9 m-sx10">2021.06.30</div>
<div class="clips2 font-12 xx-content">爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...</div>
</div>
</div>
<div class="dac backf p-sx20 w48 m-x32">
<img src="img/public/xin-four.png" class="xx-img" style="max-width:252px" alt="图片丢失" title="">
<div class="m-zy15">
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
<div class="font-12 col9 m-sx10">2021.06.30</div>
<div class="clips2 font-12 xx-content">爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...</div>
</div>
</div>
</div>
<!-- 艺术商城 -->
<div class="djbac cq-item-title-box">
<div class="font-32 pr">艺术商城<span class="font-22 m-z10">Art Mall</span><div class="pa"></div></div>
@ -273,7 +306,7 @@
<div class="w50 djb fs">
<div class="m-zy30">
<div class="pr backf">
<img src="img/public/yi-two.png" class="yssc-item" width="100%">
<img src="img/public/yi-two.png" style="object-fit: contain;" class="yssc-item" width="100%">
<div class="pa ys-price">¥2256.0</div>
</div>
<div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div>
@ -441,17 +474,17 @@
</div>
<div class="djb">
<div class="w50 backf">
<img src="img/public/px-01.png" width="100%" style="height: 470px;">
<div class="clips1 ys-title p-zy15" style="height: 70px;line-height: 70px;">艺术清酒--得寓(酒标作品)Delight Sake</div>
<img src="img/public/px-01.png" width="100%">
<div class="clips1 ys-title p-zy15">中国艺术品包括香港私人珍藏</div>
</div>
<div class="w50 djb">
<div class="m-zy30 backf">
<img src="img/public/px-02.png" width="100%" style="height: 470px;">
<div class="clips1 ys-title p-zy15" style="height: 70px;line-height: 70px;">艺术清酒--得寓(酒标作品)Delight Sake</div>
<img src="img/public/px-02.png" width="100%">
<div class="clips1 ys-title p-zy15">中国艺术品包括香港私人珍藏</div>
</div>
<div class="backf">
<img class="" src="img/public/px-03.png" width="100%" style="height: 470px;">
<div class="clips1 ys-title p-zy15" style="height: 70px;line-height: 70px;">艺术清酒--得寓(酒标作品)Delight Sake</div>
<img class="" src="img/public/px-03.png" width="100%">
<div class="clips1 ys-title p-zy15">中国艺术品包括香港私人珍藏</div>
</div>
</div>
</div>
@ -462,15 +495,15 @@
<div class="font-32 pr w100">合作伙伴<span class="font-22 m-z10">Cooperative Partner <span class="hz-jies">700+媒体合作、200+机构支持、5000+名艺术家</span></span><div class="pa"></div></div>
<div class="cq-gengd cq-cp fs sy-more">View More +</div>
</div>
<div class="djbac hz-imgItem">
<div><img src="img/public/hz-01.png" ></div>
<div><img src="img/public/hz-02.png" ></div>
<div><img src="img/public/hz-03.png" ></div>
<div><img src="img/public/hz-04.png" ></div>
<div><img src="img/public/hz-02.png" ></div>
<div><img src="img/public/hz-05.png" ></div>
<div><img src="img/public/hz-07.png" ></div>
<div><img src="img/public/hz-04.png" ></div>
<div class="djbac hz-imgItem m-s50">
<div><img src="img/public/hz-01.png" alt="图片丢失" title="融创"></div>
<div><img src="img/public/hz-02.png" alt="图片丢失" title="华融证券" ></div>
<div><img src="img/public/hz-03.png" alt="图片丢失" title="华侨城" ></div>
<div><img src="img/public/hz-04.png" alt="图片丢失" title="珠江地产" ></div>
<div><img src="img/public/hz-05.png" alt="图片丢失" title="葛州坝产地" ></div>
<div><img src="img/public/hz-02.png" alt="图片丢失" title="华融证券" ></div>
<div><img src="img/public/hz-06.png" alt="图片丢失" title="华润置地" ></div>
<div><img src="img/public/hz-04.png" alt="图片丢失" title="珠江地产" ></div>
</div>
<div class="m-s30 backf5" style="padding: 5px;">
<div class="pr backf" style="overflow: hidden;">
@ -480,9 +513,9 @@
<div class="font-32 pr w100">合作留言<span class="font-22 m-z10">Cooperation Message <span class="hz-jies">如果您有意见建议请留言,我们将第一时间与您联系!</span></span><div class="pa"></div></div>
</div>
<div class="djbac m-s20 pr hz-input-box">
<input class="w100 p-sx10 p-zy10" type="text" name="username" placeholder="联系人" />
<input class="w100 p-sx10 p-zy10" type="number" name="userphone" placeholder="联系电话" />
<input class="w100 p-sx10 p-zy10" type="text" name="usercontent" placeholder="联系说明" />
<input class="w100 p-zy10" type="text" name="username" placeholder="联系人" />
<input class="w100 p-zy10" type="number" name="userphone" placeholder="联系电话" />
<input class="w100 p-zy10" type="text" name="usercontent" placeholder="联系说明" />
<div id="submitLY" class="fs cq-cp">提交</div>
</div>
</div>

View File

@ -10,6 +10,7 @@ function goToPage(e){
}
break;
case 2:
console.log('购物车');
if(homeUrl>-1){
location.href = 'htmls/logshoppingcar/shopcar.html';
} else {
@ -25,6 +26,7 @@ function goToPage(e){
}
break;
case 4:
// 登录注册
if(homeUrl>-1){
location.href = 'htmls/logshoppingcar/login.html';
} else {
@ -158,17 +160,41 @@ $(function(){
let pxIndex = $(this).index()//0代表课堂介绍、1代表课堂视频、2代表在线直播
switch (pxIndex){
case 0:
$('#px-list').css('display','')
$('#pxsp-list').css('display','none')
$('#pxzb-list').css('display','none')
$('#px-list').css('display','')
break;
case 1:
$('#px-list').css('display','none')
$('#pxzb-list').css('display','none')
$('#pxsp-list').css('display','')
break;
case 2:
$('#pxzb-list').css('display','')
$('#px-list').css('display','none')
$('#pxsp-list').css('display','none')
$('#pxzb-list').css('display','')
break;
}
})
// 培训课堂介绍、课堂视频、在线直播切换事件
$('#zl-item div').click(function(){
$('#zl-item div').removeClass('zx-xx')
$('#zl-item div').addClass('zx-gg')
$(this).addClass('zx-xx')
$(this).removeClass('zx-gg')
let pxIndex = $(this).index()//0代表课堂介绍、1代表课堂视频、2代表在线直播
$('#zling').css('display','none')
$('#zlwill').css('display','none')
$('#zled').css('display','none')
switch (pxIndex){
case 0:
$('#zling').css('display','')
break;
case 1:
$('#zlwill').css('display','')
break;
case 2:
$('#zled').css('display','')
break;
}
})
@ -177,8 +203,6 @@ $(function(){
// $('.ysj').css({"justify-content":"space-between","marginRight":0})
// $('.ysj .ya-item-box').css({"marginRight":0})
// }
xxDong()//首页信息动态
zxList()//资讯列表事件
checkJG()//机构列表事件
checkPeo()//机构成员事件
checkExhibitone()//机构展会事件
@ -192,21 +216,18 @@ $(function(){
checkartist()//查询艺术家列表事件
checkFT()//查询艺术访谈列表
checkYSZZList()//查询艺术家杂志列表
checkZLList()//查询展览列表
checkJFList()//查询积分商城列表
checkAllSList()//查询所有商品
checkZhanL()//查询即将展览详情下的展览列表
homeArtist()//查询艺术家列表
let zhTop = 0
$(window).scroll(function() {
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
if(zhTop==0) zhTop = $(window).scrollTop()/2
$('.zx-more').css('display','flex')
setTimeout(function(){
$('.zx-more').css('display','none')
window.scrollBy(0,-10);
zxList()
},1500)
// $('.zx-more').css('display','flex')
// setTimeout(function(){
// $('.zx-more').css('display','none')
// window.scrollBy(0,-10);
// },1500)
// checkJG()
// checkPeo()
// checkExhibitone()
@ -219,10 +240,8 @@ $(function(){
// checkartist()
// checkFT()
// checkYSZZList()
// checkZLList()
// checkJFList()
// checkAllSList()
// checkZhanL()
}
});
@ -336,10 +355,7 @@ $(function(){
if ($(e.target).next().attr("class")!="upImg") {
$(".uptoux").attr('src',$filePath);
}
$(".ty_topimgtx").css("display","block")
})
// 立即投稿
$('#submitTG').click(function(){
@ -359,7 +375,22 @@ $(function(){
$('#gotoTop').fadeOut(200);
}
})
$('.search_img').on('click',function(){
$('#previewImg').css('display','flex')
})
$('#previewImg').on('click',function(){
$(this).css('display','none')
})
$('#previewImg .closeImg').on('click',function(){
$('#previewImg').css('display','none')
})
$('.zpsearch-box img').on('click',function(){//展览详情作品搜索点击事件
console.log('作品搜索');
})
})
function searchZP(){//展览详情作品搜索事件
console.log('作品搜索');
}
function changeJG(){
$('#jgjj-box').css('display','none')
$('#jgcy-box').css('display','none')
@ -381,26 +412,6 @@ function closeTK(){//关闭弹框
$('#cicun').val('')
$('#name').val('')
}
function xxDong(){//首页信息动态
var html = '';
var data = [
{imgSrc:'img/public/xin-one.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'},
{imgSrc:'img/public/xin-two.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'},
{imgSrc:'img/public/xin-three.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'},
{imgSrc:'img/public/xin-four.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'},
]
$.each(data, function(commentIndex, comment) {
html +=`<div class="dac backf p-sx20 w48 m-x32">
<img src="${comment.imgSrc}" class="xx-img" style="max-width:252px" alt="图片丢失" title="${comment.title}">
<div class="m-zy15">
<div class="clips1 font-18 col19">${comment.title}</div>
<div class="font-12 col9 m-sx10">${comment.time}</div>
<div class="clips2 font-12 xx-content">${comment.content}</div>
</div>
</div>`
});
$('.msg').prepend(html);
}
function homeArtist(){//首页艺术家
var ysjhtml = '';
var ysjdata = [
@ -415,7 +426,7 @@ function homeArtist(){//首页艺术家
<div class="ya-item-box backf">
<img class="w100" src="${comment.imgSrc}">
<div class="p-zy15">
<div class=" m-sx16 djbac">
<div class="m-s10 djbac">
<div class="ys-title clips1">${comment.name}</div>
<div class="col19 fs cq-cp ysj-itemcheck">查看作品</div>
</div>
@ -427,41 +438,6 @@ function homeArtist(){//首页艺术家
});
$('#homeArtist').prepend(ysjhtml);
}
function zxList(){//资讯页全部下的列表
var zxHtml = '';
var zxData = [
{imgSrc:'../../img/public/zx-01.png',title:'【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
{imgSrc:'../../img/public/zx-02.png',title:'【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
{imgSrc:'../../img/public/zx-03.png',title:'【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
{imgSrc:'../../img/public/zx-04.png',title:'【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
]
$.each(zxData, function(commentIndex, comment) {
zxHtml +=`<div class="bbt djbac psx p-sx30" onclick="goZXDetail(${commentIndex})">
<div class="fs m-y30">
<img style="width: 100%;" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
</div>
<div>
<div class="font-13 col7d m-x10">${comment.time}</div>
<div class="font-20 zx-title">${comment.title}</div>
<div class="m-s30 col7d m-x10 zx-dian"> </div>
<div class="font-15 col19 linh28" style="text-indent: 2em;">${comment.content}</div>
</div>
</div>`
});
  $('#zx-list').prepend(zxHtml);
$('#zx-list div').mouseover(function(){//导航悬浮事件
$(this).css("cursor","pointer")
$(this).find(".zx-title").css('color','#CB1919')
$(this).find(".zx-dian").css('color','#CB1919')
})
$('#zx-list div').mouseout(function(){//导航悬浮事件
$(this).find(".zx-title").css('color','#000000')
$(this).find(".zx-dian").css('color','#7d7d7d')
})
}
function goZXDetail(e){//查看资讯详情
location.href = `realTimeInfoDetail.html?id=${e}`
}
function checkJG(){//查询机构列表
let jgHtml = '';
let jgData = [
@ -794,17 +770,17 @@ function checkartist(){//查询艺术家们列表
]
$.each(ysData, function(commentIndex, comment) {
ysHtml +=`<div class="dfc w25">
<img class="w90" onclick="goYSDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<img class="w90" onclick="goYSJDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="m-s20 w90 djbac">
<div class="font-26 clips1">${comment.title}</div>
<div style="padding:8px 15px;" onclick="goYSDetail(${commentIndex})" class="font-13 col19 op8 bd">查看作品</div>
<div style="padding:8px 15px;" onclick="goYSJDetail(${commentIndex})" class="font-13 col19 op8 bd">查看作品</div>
</div>
<div class="font-14 col19 op9 m-s20 m-x30 w90 clips2 linh24">${comment.content}</div>
</div>`
});
  $('#ys-list').prepend(ysHtml);
}
function goYSDetail(e){//查看培训详情
function goYSJDetail(e){//查看培训详情
location.href = `artistDetail.html?id=${e}`
}
function checkFT(){//查询艺术访谈列表
@ -858,67 +834,6 @@ function checkYSZZList(){//查询艺术家杂志列表
function goysjSKDetail(e){//查看书刊详情
location.href = `artistSKDetail.html?id=${e}`
}
function checkZLList(){//查询展览列表
let zlHtml = '';
let zlData = [
{imgSrc:'../../img/public/jg-dz-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方:华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方:华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方:华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方:华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方:华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方:华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方:华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方:华夏艺术网',address:'虹桥艺术中心'},
]
$.each(zlData, function(commentIndex, comment) {
zlHtml +=`<div class="dfc w25 m-s30" onclick="gozlDetail(${commentIndex})">
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-18 m-s20 w90 clips1 op9 col19">${comment.title}</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">${comment.sponsor}</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间${comment.time}</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址${comment.address}</div>
</div>`
});
  $('#zl-list').prepend(zlHtml);
$('#zl-list img').mouseover(function(){//内容悬浮事件
$(this).css({"cursor":"pointer"})
$(this).nextAll('div').css('color','#CB1919')
})
$('#zl-list img').mouseout(function(){//内容悬浮事件
$(this).nextAll('div').css('color','#000000')
})
}
function gozlDetail(e){//查看书刊详情
location.href = `exhibitionComingDetail.html?id=${e}`
}
function checkZhanL(){//查询即将展览详情下的展览列表
let zlzpHtml = '';
let zlzpData = [
{imgSrc:'../../img/public/jg-dz-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dz-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dz-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dz-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dz-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dz-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dz-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dz-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
]
$.each(zlzpData, function(commentIndex, comment) {
zlzpHtml +=`<div class="dfc w25 m-s30 linh28">
<div class="pr">
<img class="w90 cq-cp" src="../../img/grzx/ysp.png" alt="图标丢失" title="" >
<div class="pa djcacfw cq-cp">
<img src="../../img/sy-search.png" style="width: 21px;height: 21px;" >
</div>
</div>
<div class="font-16 w90 clips1 m-s10">艺术清酒--得寓(酒标作品)</div>
<div class="font-14 op7 w90">作品编号2562</div>
<div class="font-14 op7 w90 djbac">获得票数2562 <span>第12名</span></div>
<div class="djcacfw w90 m-s20" onclick="toup(${commentIndex})"><span class="cq-cp zltp">立即投票</span></div>
</div>`
});
  $('#zlzp-list').prepend(zlzpHtml);
}
function toup(e){//投票调起弹框
$('#isTank').fadeIn()
$('#duik').css('display','none')

View File

@ -1,5 +1,7 @@
var num = 0
var isReg = false
var allTime = 60//倒计时时长
var timer;
$(function(){
var identity = 0
$('.identity ul li').on('click',function(){
@ -227,6 +229,23 @@ $(function(){
}
})
})
function dateDao(){
if(allTime==60){
allTime = 59
$('.pubcode').text(allTime+'后重新获取')
timer = setInterval(function(){
allTime--;
if(allTime<10){
allTime = '0'+allTime
}
$('.pubcode').text(allTime+' 后重新获取')
if(allTime=='00'){
clearInterval(timer)
$('.pubcode').text('重新获取')
}
},1000)
}
}
function clearClose(){
num = 0
// 切换头部
@ -268,6 +287,12 @@ function clearClose(){
$("input[name='y_phone']").val('')
$("input[name='y_code']").val('')
$("input[name='y_email']").val('')
// 还原发送验证码按钮
$('.pubcode').text('发送手机验证码')
// 清空倒计时
clearInterval(timer)
allTime = 60
}
function tishik(val,time){
if(num==0){

View File

@ -4,9 +4,6 @@
<meta charset="utf-8">
<title>底部导航</title>
<link rel="stylesheet" type="text/css" href="../css/foot.min.css"/>
<script src="../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="foot-nav-box">
@ -14,12 +11,12 @@
<div class="foot-box-nav">
<div><a href="../index.html" target="_parent">首页</a></div>
<div><a href="../htmls/artNetwork/realTimeInfo.html" target="_parent">资讯</a></div>
<div><a href="javascript:;" target="_parent">展览</a></div>
<div><a href="../index.html" target="_parent">艺术家</a></div>
<div><a href="../htmls/artNetwork/exhibition.html" target="_parent">展览</a></div>
<div><a href="../htmls/artNetwork/artist.html" target="_parent">艺术家</a></div>
<div><a href="../htmls/artNetwork/mechanism.html" target="_parent">机构</a></div>
<div>培训</div>
<div>商城</div>
<div>拍卖</div>
<div><a href="../htmls/artNetwork/train.html" target="_parent">培训</a></div>
<div><a href="../htmls/artNetwork/shoppingMall.html" target="_parent">商城</a></div>
<div><a href="../htmls/artNetwork/auction.html" target="_parent">拍卖</a></div>
</div>
<!-- 导航图片 -->
<div class="foot-box-img">
@ -32,17 +29,25 @@
</div>
<div class="foot-end-box">
<div>
<img src="../img/logo.png" alt="图片丢失" title="华夏艺术网">
<div class="clips1 foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
<div>
<img src="../img/logo.png" alt="图片丢失" width="72%" title="华夏艺术网">
</div>
<div style="width: 500px;" class="linh26">
<div class="clips1 foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
</div>
</div>
<div>
<div class="foot-end-right">
<div>
<img class="shu-logo" src="../img/public/shuy-logo.png" alt="图片丢失" title="成都惠民职工书院">
<div class="foot-end-titlez">成都惠民职工书院</div>
<div class="foot-end-content">地址成都市青羊区青羊大道129号文化宫2楼</div>
<div class="foot-end-content">电话028-81712589</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">
<div class="foot-end-title">联系我们</div>
@ -62,7 +67,7 @@
</div>
</div>
</div>
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved. 蜀ICP备11111111号 技术支持全美网络 </div>
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved.&nbsp;&nbsp;&nbsp;&nbsp蜀ICP备11111111号&nbsp;&nbsp;&nbsp;&nbsp技术支持全美网络 </div>
</div>
</div>