艺术家系列
parent
22c0371c57
commit
215dc6be1b
|
|
@ -12,6 +12,7 @@ body{margin: 0;padding: 0;}
|
|||
.op9{opacity: .9;}
|
||||
.op8{opacity: .8;}
|
||||
.op7{opacity: .7;}
|
||||
.op6{opacity: .6;}
|
||||
|
||||
.dis{display: flex;}
|
||||
.djb{display: flex;justify-content: space-between;}
|
||||
|
|
@ -83,6 +84,8 @@ body{margin: 0;padding: 0;}
|
|||
|
||||
|
||||
.pd30{padding: 30px;}
|
||||
.pd20{padding: 20px;}
|
||||
.pd10{padding: 10px;}
|
||||
|
||||
.p-s65{padding-top: 65px;}
|
||||
.p-s30{padding-top:30px;}
|
||||
|
|
@ -310,14 +313,15 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
.zx-gg{padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;}
|
||||
|
||||
/* 机构 */
|
||||
#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img,#jgs-list img,#pmd-list img,#pxsp-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{transform: scale(.94);transition: transform .5s;cursor: pointer;}
|
||||
#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;}
|
||||
.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%;}
|
||||
/* 拍卖 */
|
||||
#pm-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;}
|
||||
#pm-list>div:hover div:last-child>div:first-child{color: #CB1919;}
|
||||
#pm-list>div:hover div:last-child>div:first-child .quan{border: 2px solid #CB1919;}
|
||||
#pm-list>div:hover,#pxzb-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;}
|
||||
#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;}
|
||||
/* 培训 */
|
||||
.px-item-img{margin-bottom: -4px;}
|
||||
|
|
@ -326,11 +330,22 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
#px-list>div:hover div>div:first-child .quan{border: 2px solid #CB1919;}
|
||||
#pxsp-list div>div:first-child:hover {transform: scale(.94);transition: transform .5s;cursor: pointer;}
|
||||
#pxsp-list div:hover>div {color: #CB1919;font-weight: bold;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 艺术家 */
|
||||
#ys-cate{padding: 0;}
|
||||
#ys-cate li a{text-decoration: none;color: #181818;font-size: 18px;}
|
||||
#ys-cate li {margin-right: 29px;position: relative;padding: 20px 0 15px 0;}
|
||||
#ys-cate li div {border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
|
||||
#ys-cate li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
|
||||
#ys-cate li .zx-nav-title{color: #CB1919;}
|
||||
#ys-list div:hover .djbac{color: #CB1919;}
|
||||
#ys-list div:hover .djbac>div:last-child{color: #FFFFFF;background-color: #CB1919;cursor: pointer;}
|
||||
#ysj-ft>div>div:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.2);cursor: pointer;color: #CB1919;opacity: 1;}
|
||||
#ysj-ft>div>div:hover div{color: #CB1919;}
|
||||
#ysj-ft>div>div .dac span{opacity: 0;}
|
||||
#ysj-ft>div>div:hover .op6{opacity: 1;}
|
||||
#ysj-ft>div>div:hover .dac span{opacity: 1;}
|
||||
#ysj-skd-box{width: 26%;}
|
||||
#ysj-skd-box .m-s20:hover{cursor: pointer;color: #CB1919;}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -26,18 +26,34 @@
|
|||
|
||||
}
|
||||
@media screen and (min-width:1021px) and (max-width:1120px) {
|
||||
|
||||
.logo{width: 26%;}
|
||||
}
|
||||
@media screen and (min-width:1121px) and (max-width:1220px) {
|
||||
|
||||
@media screen and (min-width:1121px) and (max-width:1260px) {
|
||||
.input-box{display: none;}
|
||||
.logo{width: 26%;}
|
||||
.head-box{padding: 10px 100px;}
|
||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
||||
.dao-box>li:last-child{padding-right: 0;}
|
||||
.dao-box>li>div{padding: 6px 0;}
|
||||
.head-nav-box > div:last-child {margin-top: 10px;}
|
||||
.redD {right: 6px;}
|
||||
}
|
||||
@media screen and (min-width:1221px) and (max-width:1320px) {
|
||||
|
||||
@media screen and (min-width:1261px) and (max-width:1350px) {
|
||||
.logo{width: 26%;}
|
||||
.head-box{padding: 10px 100px;}
|
||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
||||
.dao-box>li>div{padding: 6px 0;}
|
||||
.head-nav-box > div:last-child {margin-top: 10px;}
|
||||
.redD {right: 6px;}
|
||||
}
|
||||
@media screen and (min-width:1024px) and (max-width:1620px) {
|
||||
|
||||
@media screen and (min-width:1351px) and (max-width:1620px) {
|
||||
.logo{width: 26%;}
|
||||
.head-box{padding: 20px 100px;}
|
||||
.dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
||||
.dao-box>li>div{padding: 6px 0;}
|
||||
.redD {right: 8px;}
|
||||
}
|
||||
@media screen and (min-width:1024px) and (max-width:1820px) {
|
||||
@media screen and (min-width:1621px) and (max-width:1820px) {
|
||||
.logo{width: 30%;}
|
||||
.head-box{padding: 20px 100px;}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,149 @@
|
|||
<!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 class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div 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>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span 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 cq-dao-active djcacfw">艺术家<div class="xiahx pa "></div></div>
|
||||
<span class="redD pa "></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="mechanism.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="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>
|
||||
<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>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">艺术家</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp zx-gg">在线签约</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="bbt dac" id="ys-cate"></ul>
|
||||
<!-- 列表数据 -->
|
||||
<div id="ys-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>
|
||||
</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>
|
||||
|
|
@ -0,0 +1,194 @@
|
|||
<!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 class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div 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>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span 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 cq-dao-active djcacfw">艺术家<div class="xiahx pa "></div></div>
|
||||
<span class="redD pa "></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="mechanism.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="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>
|
||||
<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>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">周安明</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp zx-xx">关注他</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<div class="backf5 m-s50" style="padding: 6px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" id="ys-nav" style="padding: 0;margin: 0;">
|
||||
<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="javascript:;">推荐作品</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">艺术访谈</a><div></div><p class="jg-xian"></p></li>
|
||||
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 简介 -->
|
||||
<div id="ysj-jj">
|
||||
<div class="bbt m-zy20 m-s20 p-x20">
|
||||
<img style="width: 34%;" src="../../img/public/ys-d01.png" alt="图片丢失" title="">
|
||||
<div class="font-26 m-sx20">周安明</div>
|
||||
<div class="col19 linh30">出版有《周明安作品集》、《周明安画虎精品选》、《中国跨世纪美术家画集、周明安中国画动物、山水卷》、《中国当代线描资料丛书、动物出版有《周明安作品集》、《周明安画虎精品选》、《中国跨世纪美术家画集、周明安中国画动物、山水卷》、《中国当代线描资料丛书、动物</div>
|
||||
</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="" >
|
||||
</div>
|
||||
</div>
|
||||
<!-- 推荐作品 -->
|
||||
<div id="ysj-zp">
|
||||
<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 id="jgy-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 艺术访谈 -->
|
||||
<div id="ysj-ft" class="p-zy20">
|
||||
<div id="ysj-ft-list" class="dac m-s20 fw"></div>
|
||||
</div>
|
||||
<!-- 书刊杂志 -->
|
||||
<div id="ysj-sk" 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;">
|
||||
<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>
|
||||
</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>
|
||||
|
|
@ -0,0 +1,162 @@
|
|||
<!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 class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div 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>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span 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 cq-dao-active djcacfw">艺术家<div class="xiahx pa "></div></div>
|
||||
<span class="redD pa "></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="mechanism.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="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>
|
||||
<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>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">周安明</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp zx-xx">关注他</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320 djb p-sx30">
|
||||
<div class="backf5" style="padding: 6px;">
|
||||
<div class="backf p-zy30">
|
||||
<div class="bbt p-sx20">
|
||||
<div class="" style="font-size: 26px;">中国国家画院举办“时代画卷——油画、版画、雕塑名家作品展”</div>
|
||||
<div class="col7d m-s20">
|
||||
<span>2021年06月04日</span>
|
||||
<span class="m-z15">来源：华夏艺术网</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-sx20 tin2 font-15 linh30 col22">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
|
||||
<div>
|
||||
<img class="w100" src="../../img/public/zx-detail01.png" >
|
||||
<img class="w100" src="../../img/public/zx-detail02.png" >
|
||||
</div>
|
||||
<div class="p-sx20 tin2 font-15 linh30 col22">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fs m-z30 p-s20" id="ysj-skd-box">
|
||||
<div class="font-26 bbt p-x10">推荐阅读</div>
|
||||
<div class="m-s20">
|
||||
<div class="clips2 font-15 linh24">中国国家画院举办“时代画卷—油画、版画、雕塑 名家作品展”</div>
|
||||
<div class="col19 op6 font-12 bbt p-s10 p-x20">2021年06月21日</div>
|
||||
</div>
|
||||
<div class="m-s20">
|
||||
<div class="clips2 font-15 linh24">中国国家画院举办“时代画卷—油画、版画、雕塑 名家作品展”</div>
|
||||
<div class="col19 op6 font-12 bbt p-s10 p-x20">2021年06月21日</div>
|
||||
</div>
|
||||
<div class="m-s20">
|
||||
<div class="clips2 font-15 linh24">中国国家画院举办“时代画卷—油画、版画、雕塑 名家作品展”</div>
|
||||
<div class="col19 op6 font-12 bbt p-s10 p-x20">2021年06月21日</div>
|
||||
</div>
|
||||
<div class="m-s20">
|
||||
<div class="clips2 font-15 linh24">中国国家画院举办“时代画卷—油画、版画、雕塑 名家作品展”</div>
|
||||
<div class="col19 op6 font-12 bbt p-s10 p-x20">2021年06月21日</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>
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
<!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>
|
||||
<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-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 class="cq-cp">关于我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<div 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>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">登录/注册</span>
|
||||
<div class="dn">
|
||||
<span>个人中心</span>
|
||||
<span>【退出】</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dend w100 ac">
|
||||
<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="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw">展览<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"><a href="mechanism.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="javascript:;">培训</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"><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>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">展览</div>
|
||||
<div class="dac m-s20" id="px-item">
|
||||
<div class="cq-cp zx-xx">正在展会</div>
|
||||
<div class="cq-cp zx-gg" style="margin: 0 10px;">即将展览</div>
|
||||
<div class="cq-cp zx-gg">展览回顾</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<div id="zl-list" class="dac fw" style="width: 102.6%;"></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>
|
||||
|
|
@ -63,7 +63,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">
|
||||
|
|
@ -130,6 +130,45 @@
|
|||
<div id="px-list" class="p-s10"></div>
|
||||
<!-- 全部的课堂视频列表 -->
|
||||
<div id="pxsp-list" class="p-s10 djbac fw" style="width: 102%;display: none;"></div>
|
||||
<!-- 直播 -->
|
||||
<div id="pxzb-list" class="p-s10" style="display: none;">
|
||||
<div class="dac m-x30 bd">
|
||||
<div class="pr w100" style="max-height: 400px;">
|
||||
<img width="100%" style="max-height: 400px;object-fit: cover;" src="../../img/public/px-zb01.png" alt="图片丢失" title="">
|
||||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="">
|
||||
</div>
|
||||
<div class="p-zy30 w56">
|
||||
<div class="font-20 linh28 fb dac p-x20 bbt"><span class="quan"></span><div class="clips1">张老详细解说走进花鸟画的秘密花园【三】</div></div>
|
||||
<div class="font-15 col19 m-s20 m-x10">直播时间：2021年07月20日</div>
|
||||
<div class="font-15 col19 m-s20 m-x10">直播预告</div>
|
||||
<div class="font-15 col19 linh26 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dac m-x30 bd">
|
||||
<div class="pr w100" style="max-height: 400px;">
|
||||
<img width="100%" style="max-height: 400px;object-fit: cover;" src="../../img/public/px-zb02.png" alt="图片丢失" title="">
|
||||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="">
|
||||
</div>
|
||||
<div class="p-zy30 w56">
|
||||
<div class="font-20 linh28 fb dac p-x20 bbt"><span class="quan"></span><div class="clips1">张老详细解说走进花鸟画的秘密花园【三】</div></div>
|
||||
<div class="font-15 col19 m-s20 m-x10">直播时间：2021年07月20日</div>
|
||||
<div class="font-15 col19 m-s20 m-x10">直播预告</div>
|
||||
<div class="font-15 col19 linh26 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dac m-x30 bd">
|
||||
<div class="pr w100" style="max-height: 400px;">
|
||||
<img width="100%" style="max-height: 400px;object-fit: cover;" src="../../img/public/px-zb03.png" alt="图片丢失" title="">
|
||||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="">
|
||||
</div>
|
||||
<div class="p-zy30 w56">
|
||||
<div class="font-20 linh28 fb dac p-x20 bbt"><span class="quan"></span><div class="clips1">张老详细解说走进花鸟画的秘密花园【三】</div></div>
|
||||
<div class="font-15 col19 m-s20 m-x10">直播时间：2021年07月20日</div>
|
||||
<div class="font-15 col19 m-s20 m-x10">直播预告</div>
|
||||
<div class="font-15 col19 linh26 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
|
||||
</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">
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 540 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 599 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 697 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 292 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 186 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
|
|
@ -14,18 +14,13 @@
|
|||
<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 style="background: #FFFFFF;">
|
||||
<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>
|
||||
|
|
@ -82,7 +77,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="htmls/artNetwork/artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
|
|||
171
js/huaxia.js
171
js/huaxia.js
|
|
@ -1,4 +1,8 @@
|
|||
$(function(){
|
||||
let headH = $('#huaxia-head').height()
|
||||
$(window).resize(function(){//监听窗口大小的改变
|
||||
// console.log($(window).width());
|
||||
})
|
||||
$('.logo').on('click',function(){//logo图标点击事件
|
||||
location.href = 'index.html'
|
||||
})
|
||||
|
|
@ -78,7 +82,9 @@ $(function(){
|
|||
$('#pxsp-list').css('display','')
|
||||
break;
|
||||
case 2:
|
||||
|
||||
$('#pxzb-list').css('display','')
|
||||
$('#px-list').css('display','none')
|
||||
$('#pxsp-list').css('display','none')
|
||||
break;
|
||||
}
|
||||
})
|
||||
|
|
@ -99,6 +105,10 @@ $(function(){
|
|||
checkPMShop()//拍卖所有商品事件
|
||||
checkPXList()//培训列表事件
|
||||
checkPXSPList()//培训视频事件
|
||||
checkartist()//查询艺术家列表事件
|
||||
checkFT()//查询艺术访谈列表
|
||||
checkYSZZList()//查询艺术家杂志列表
|
||||
checkZLList()//查询展览列表
|
||||
$(window).scroll(function() {
|
||||
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
|
||||
zxList()
|
||||
|
|
@ -111,9 +121,51 @@ $(function(){
|
|||
pmList()
|
||||
checkPMShop()
|
||||
checkPXSPList()
|
||||
checkartist()
|
||||
checkFT()
|
||||
checkYSZZList()
|
||||
checkZLList()
|
||||
}
|
||||
});
|
||||
|
||||
ysEJ()//艺术家二级分类
|
||||
// 艺术家二级分类切换事件
|
||||
$('#ys-cate li').click(function(){
|
||||
$('#ys-cate li a').removeClass('zx-nav-title')
|
||||
$('#ys-cate li div').removeClass('zx-nav-active')
|
||||
$(this).find('a').addClass('zx-nav-title')
|
||||
$(this).find('div').addClass('zx-nav-active')
|
||||
})
|
||||
// 艺术家二级切换
|
||||
$('#ys-nav li').click(function(){
|
||||
let ysIndex = $(this).index()
|
||||
switch (ysIndex){
|
||||
case 0:
|
||||
$('#ysj-jj').css('display','')
|
||||
$('#ysj-zp').css('display','none')
|
||||
$('#ysj-ft').css('display','none')
|
||||
$('#ysj-sk').css('display','none')
|
||||
break;
|
||||
case 1:
|
||||
$('#ysj-zp').css('display','')
|
||||
$('#ysj-jj').css('display','none')
|
||||
$('#ysj-ft').css('display','none')
|
||||
$('#ysj-sk').css('display','none')
|
||||
break;
|
||||
case 2:
|
||||
$('#ysj-ft').css('display','')
|
||||
$('#ysj-zp').css('display','none')
|
||||
$('#ysj-jj').css('display','none')
|
||||
$('#ysj-sk').css('display','none')
|
||||
break;
|
||||
case 3:
|
||||
$('#ysj-sk').css('display','')
|
||||
$('#ysj-zp').css('display','none')
|
||||
$('#ysj-ft').css('display','none')
|
||||
$('#ysj-jj').css('display','none')
|
||||
break;
|
||||
}
|
||||
})
|
||||
|
||||
// 监听页面滚动条变化
|
||||
$(window).scroll(function(){
|
||||
|
|
@ -491,7 +543,122 @@ function checkPXSPList(){//培训视频事件
|
|||
});
|
||||
$('#pxsp-list').prepend(pxspHtml);
|
||||
}
|
||||
|
||||
function ysEJ(){//艺术家页面二级分类
|
||||
let yspHtml = '';
|
||||
let yspData = ['全部','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']
|
||||
$.each(yspData, function(commentIndex, comment) {
|
||||
if(commentIndex==0){
|
||||
yspHtml +=`<li><a href="javascript:;" class="zx-nav-title">${comment}</a><div class="zx-nav-active"></div></li>`
|
||||
} else yspHtml +=`<li><a href="javascript:;">${comment}</a><div></div></li>`
|
||||
});
|
||||
$('#ys-cate').prepend(yspHtml);
|
||||
}
|
||||
function checkartist(){//查询艺术家们列表
|
||||
let ysHtml = '';
|
||||
let ysData = [
|
||||
{imgSrc:'../../img/public/jg-dp-01.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
|
||||
{imgSrc:'../../img/public/jg-dp-02.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
|
||||
{imgSrc:'../../img/public/jg-dp-03.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
|
||||
{imgSrc:'../../img/public/jg-dp-04.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
|
||||
{imgSrc:'../../img/public/jg-dp-05.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
|
||||
{imgSrc:'../../img/public/jg-dp-06.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
|
||||
]
|
||||
$.each(ysData, function(commentIndex, comment) {
|
||||
ysHtml +=`<div class="dfc w25">
|
||||
<img class="w90" onclick="goYSDetail(${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>
|
||||
<div class="font-14 op9 m-s20 m-x30 w90 clips2">${comment.content}</div>
|
||||
</div>`
|
||||
});
|
||||
$('#ys-list').prepend(ysHtml);
|
||||
}
|
||||
function goYSDetail(e){//查看培训详情
|
||||
location.href = `artistDetail.html?id=${e}`
|
||||
}
|
||||
function checkFT(){//查询艺术访谈列表
|
||||
let ysFTHtml = '';
|
||||
let ysFTData = [
|
||||
{imgSrc:'../../img/public/ysj-ft01.png',title:'助力熊猫艺术公益：中国邮政发布著名刘中...',time:'2021年06月21日'},
|
||||
{imgSrc:'../../img/public/ysj-ft02.png',title:'助力熊猫艺术公益：中国邮政发布著名刘中...',time:'2021年06月21日'},
|
||||
{imgSrc:'../../img/public/ysj-ft03.png',title:'助力熊猫艺术公益：中国邮政发布著名刘中...',time:'2021年06月21日'},
|
||||
]
|
||||
$.each(ysFTData, function(commentIndex, comment) {
|
||||
ysFTHtml +=`<div class="w33" onclick="goYSFTDetail(${commentIndex})">
|
||||
<div class="pd20">
|
||||
<img width="100%" src="${comment.imgSrc}" alt="图片丢失" title="">
|
||||
<div class="clips1 font-16 col19 m-s10">${comment.title}</div>
|
||||
<div class="djbac">
|
||||
<div class="font-12 op6">${comment.time}</div>
|
||||
<div class="dac"><span style="margin-top: 5px;margin-right: -2px;">····</span><span style="font-size: 30px;">›</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
});
|
||||
$('#ysj-ft-list').prepend(ysFTHtml);
|
||||
}
|
||||
function goYSFTDetail(e){//查看艺术访谈详情
|
||||
location.href = `artistDetail.html?id=${e}`
|
||||
}
|
||||
function checkYSZZList(){//查询艺术家杂志列表
|
||||
let ysjzzHtml = '';
|
||||
let ysjzzData = [
|
||||
{imgSrc:'../../img/public/jg-sk-01.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-sk-02.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-sk-03.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-sk-04.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
|
||||
]
|
||||
$.each(ysjzzData, function(commentIndex, comment) {
|
||||
ysjzzHtml +=`<div class="dfc w25 m-s30" onclick="goysjSKDetail(${commentIndex})">
|
||||
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||||
<div class="font-18 fb m-s20 w90 clips1">${comment.title}</div>
|
||||
<div class="font-13 m-s10 w90 clips1">出版时间：${comment.time}</div>
|
||||
</div>`
|
||||
});
|
||||
$('#ysjzz-list').prepend(ysjzzHtml);
|
||||
$('#ysjzz-list img').mouseover(function(){//内容悬浮事件
|
||||
$(this).css({"cursor":"pointer"})
|
||||
$(this).nextAll('div').css('color','#CB1919')
|
||||
})
|
||||
$('#ysjzz-list img').mouseout(function(){//内容悬浮事件
|
||||
$(this).nextAll('div').css('color','#000000')
|
||||
})
|
||||
}
|
||||
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">
|
||||
<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 pageScroll(){
|
||||
window.scrollBy(0,-100);
|
||||
|
|
|
|||
|
|
@ -1,9 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue