diff --git a/css/huaxia.css b/css/huaxia.css index 86521fa..6e06b17 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -1,7 +1,10 @@ body{margin: 0;padding: 0;} .w100{width: 100%;} +.w96{width: 96%;} +.w90{width: 90%;} .w50{width: 50%;} .w48{width: 49%;} +.w33{width: 33.33%;} .w25{width: 25%;} .w20{width: 19%;} @@ -13,19 +16,22 @@ body{margin: 0;padding: 0;} .dac{display: flex;align-items: center;} .djcacfw{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} .djbacfw{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} +.dfc{display: flex;flex-direction: column;} .cq-cp{cursor: pointer;} .pr{position: relative;} .pa{position: absolute;} .dn{display: none;} .fs{flex-shrink: 0;} .fw{flex-wrap: wrap;} +.fc{flex-direction: column;} .oh{overflow: hidden;} .fit{object-fit: cover;} - +.mg30{margin: 30px;} +.m-s10{margin-top: 10px;} .m-s16{margin-top: 16px;} .m-s20{margin-top: 20px;} .m-s27{margin-top: 27px;} @@ -35,10 +41,14 @@ body{margin: 0;padding: 0;} .m-z10{margin-left: 10px;} .m-z15{margin-left: 15px;} +.m-z20{margin-left: 20px;} +.m-z30{margin-left: 30px;} .m-z37{margin-left: 37px;} .m-y10{margin-right: 10px;} .m-y15{margin-right: 15px;} +.m-y20{margin-right: 20px;} +.m-y30{margin-right: 30px;} .m-y37{margin-right: 37px;} .m-sx65{margin-top: 65px;margin-bottom: 65px;} @@ -56,6 +66,7 @@ body{margin: 0;padding: 0;} .m-x27{margin-bottom: 27px;} .m-x20{margin-bottom: 20px;} .m-x16{margin-bottom: 16px;} +.m-x10{margin-bottom: 10px;} .m-zy180{margin-left: 180px;margin-right: 180px;} .m-zy15{margin-left: 15px;margin-right: 15px;} @@ -64,45 +75,87 @@ body{margin: 0;padding: 0;} +.pd30{padding: 30px;} -.p-sx65{padding-top: 65px;padding-bottom: 65px;} .p-s65{padding-top: 65px;} +.p-s30{padding-top:30px;} .p-s27{padding-top:27px;} +.p-s20{padding-top:20px;} +.p-s10{padding-top:10px;} + + +.p-y20{padding-top:20px;} + + .p-x65{padding-bottom: 65px;} .p-x27{padding-bottom: 27px;} +.p-x10{padding-bottom: 10px;} + +.p-zy320{padding-left: 320px;padding-right: 320px;} .p-zy180{padding-left: 180px;padding-right: 180px;} +.p-zy30{padding-left: 30px;padding-right: 30px;} .p-zy20{padding-left: 20px;padding-right: 20px;} .p-zy15{padding-left: 15px;padding-right: 15px;} .p-zy10{padding-left: 10px;padding-right: 10px;} + + .p-sx10{padding-top: 10px;padding-bottom: 10px;} .p-sx20{padding-top: 20px;padding-bottom: 20px;} - +.p-sx30{padding-top: 30px;padding-bottom: 30px;} +.p-sx65{padding-top: 65px;padding-bottom: 65px;} .font-12{font-size: 12px;} .font-13{font-size: 13px;} .font-14{font-size: 14px;} +.font-15{font-size: 15px;} .font-18{font-size: 18px;} .font-20{font-size: 20px;} .font-22{font-size: 22px;} .font-24{font-size: 24px;} +.font-26{font-size: 26px;} .font-32{font-size: 32px;} +.font-36{font-size: 36px;} +.font-40{font-size: 40px;} + +.fb{font-weight: bold;} + + +.linh32{line-height: 32px;} +.linh30{line-height: 30px;} +.linh28{line-height: 28px;} +.linh26{line-height: 26px;} + .tl{text-align: left;} .col19{color: #191919;} .col7d{color: #7d7d7d;} .col9{color: #999999;} +.colcb{color: #cb1919} +.col22{color: #222222} .backf{background: #FFFFFF;} +.backe6{background: #e6e6e6;} +.backf5{background: #f5f5f5;} +.btt{border-top: 1px solid #ebebeb;} +.bbt{border-bottom: 1px solid #ebebeb;} +.tin2{text-indent: 2em;} + +.borr{border-radius: 3px;border: 1px solid #CB1919;color: #CB1919;font-size: 16px;} +.borf{border-radius: 3px;border: 1px solid #7d7d7d;color: #7d7d7d;font-size: 16px;} + .clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} +ul li {list-style: none;padding: 0px;margin: 0px;} +.tn{text-decoration: none;} +#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;} /* 轮播图 */ .swiper-container { @@ -184,17 +237,18 @@ body{margin: 0;padding: 0;} .logo{width: 487px;} .banner-img{width: 100%;height: auto;} .sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;} +.top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;} .dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;} .guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;} .redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;} .xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;} -ul li {list-style: none;padding: 0px;margin: 0px;} .dao-box>li{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;} .dao-box>li>div{padding: 6px 0;} .dao-box>li>div>a{text-decoration: none;color: #181818;} .dao-box>li>div>a:hover{color: #cd2628;} .dao-box>li>div>a:active{color: #cd2628;font-weight: bold;} .cq-dao-active{font-weight: bold;color: #cd2628;} +.cq-dao-active>a{font-weight: bold;color: #cd2628!important;} .input-box{flex-shrink: 0;height: 40px;border-radius: 3px;border: 1px solid #ebebeb;padding: 0 10px;width: 220px;} .input-box input{font-size: 14px;height: 40px;border: 0;} .input-box img{right: 10px;top: 10px;width: 20px;height: 20px;} @@ -228,16 +282,22 @@ ul li {list-style: none;padding: 0px;margin: 0px;} .wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;} .wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;} .wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;} - - - - - - - - - - +/* 资讯 */ +.zx-nav,.szx-nav{padding: 0;} +.zx-nav li,.szx-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;} +.zx-nav li a,.szx-nav li a{text-decoration: none;color: #181818;font-size: 18px;} +.zx-nav li div,.szx-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;} +.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;} +.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title{color: #CB1919;} +#zx-xg>div:first-child{margin-right: 10px;} +.zx-xx{color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;font-size: 16px;} +.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{transition: transform .5s;} +#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover{transform: scale(.94);transition: transform .5s;} +.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%;} diff --git a/css/ispinner.css b/css/ispinner.css new file mode 100644 index 0000000..58c037e --- /dev/null +++ b/css/ispinner.css @@ -0,0 +1,182 @@ +/* .container { + position: relative; + display: inline-block; + width: 100px; + height: 100px; + border: 1px solid black; + padding: 39px; + margin: 15px; + box-sizing: border-box +} */ + +.container.white { + background-color: black +} + +.container.large { + padding: 31.5px +} + +.container::after { + position: absolute; + width: 100px; + height: 30px; + left: 0; + bottom: -30px; + line-height: 30px; + text-align: center; + content: '' +} + +.ispinner { + position: relative; + width: 20px; + height: 20px +} + +.ispinner .ispinner-blade { + position: absolute; + left: 44.5%; + top: 37%; + width: 10%; + height: 25%; + border-radius: 50%/20%; + -webkit-animation: ispinner-fade 1s linear infinite; + animation: ispinner-fade 1s linear infinite; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ispinner .ispinner-blade:nth-child(1) { + -webkit-animation-delay: -1.66667s; + animation-delay: -1.66667s; + -webkit-transform: rotate(30deg) translate(0, -150%); + transform: rotate(30deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(2) { + -webkit-animation-delay: -1.58333s; + animation-delay: -1.58333s; + -webkit-transform: rotate(60deg) translate(0, -150%); + transform: rotate(60deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(3) { + -webkit-animation-delay: -1.5s; + animation-delay: -1.5s; + -webkit-transform: rotate(90deg) translate(0, -150%); + transform: rotate(90deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(4) { + -webkit-animation-delay: -1.41667s; + animation-delay: -1.41667s; + -webkit-transform: rotate(120deg) translate(0, -150%); + transform: rotate(120deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(5) { + -webkit-animation-delay: -1.33333s; + animation-delay: -1.33333s; + -webkit-transform: rotate(150deg) translate(0, -150%); + transform: rotate(150deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(6) { + -webkit-animation-delay: -1.25s; + animation-delay: -1.25s; + -webkit-transform: rotate(180deg) translate(0, -150%); + transform: rotate(180deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(7) { + -webkit-animation-delay: -1.16667s; + animation-delay: -1.16667s; + -webkit-transform: rotate(210deg) translate(0, -150%); + transform: rotate(210deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(8) { + -webkit-animation-delay: -1.08333s; + animation-delay: -1.08333s; + -webkit-transform: rotate(240deg) translate(0, -150%); + transform: rotate(240deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(9) { + -webkit-animation-delay: -1s; + animation-delay: -1s; + -webkit-transform: rotate(270deg) translate(0, -150%); + transform: rotate(270deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(10) { + -webkit-animation-delay: -.91667s; + animation-delay: -.91667s; + -webkit-transform: rotate(300deg) translate(0, -150%); + transform: rotate(300deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(11) { + -webkit-animation-delay: -.83333s; + animation-delay: -.83333s; + -webkit-transform: rotate(330deg) translate(0, -150%); + transform: rotate(330deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(12) { + -webkit-animation-delay: -.75s; + animation-delay: -.75s; + -webkit-transform: rotate(360deg) translate(0, -150%); + transform: rotate(360deg) translate(0, -150%) +} + +.ispinner.animating .ispinner-blade { + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ispinner.white .ispinner-blade { + background-color: #181818 +} + +.ispinner.gray .ispinner-blade { + background-color: #000000 +} + +.ispinner.large { + width: 35px; + height: 35px +} + +.ispinner.large .ispinner-blade { + width: 8.57143%; + height: 25.71429%; + border-radius: 50%/16.67% +} + +@-webkit-keyframes ispinner-fade { + 0% { + opacity: .85 + } + 50% { + opacity: .25 + } + 100% { + opacity: .25 + } +} + +@keyframes ispinner-fade { + 0% { + opacity: .85 + } + + 50% { + opacity: .25 + } + + 100% { + opacity: .25 + } +} diff --git a/htmls/artNetwork/mechanism.html b/htmls/artNetwork/mechanism.html new file mode 100644 index 0000000..d88bb11 --- /dev/null +++ b/htmls/artNetwork/mechanism.html @@ -0,0 +1,146 @@ + + + + + 机构 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • +
    首页
    + + +
    • +
  • +
    资讯
    + +
    • +
  • +
    展览
    + +
    • +
  • +
    艺术家
    + +
    • +
  • +
    机构
    + +
    • +
  • +
    培训
    + +
    • +
  • +
    商城
    + +
    • +
  • +
    拍卖
    + +
    • +
+
+
+ + +
+
+
+
+
+
+
机构
+
+
+
+ +
+
+ +
+
+ + + + 图片丢失 + + diff --git a/htmls/artNetwork/mechanismArtwork.html b/htmls/artNetwork/mechanismArtwork.html new file mode 100644 index 0000000..ac17a63 --- /dev/null +++ b/htmls/artNetwork/mechanismArtwork.html @@ -0,0 +1,173 @@ + + + + + 机构艺术品 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • +
    首页
    + + +
    • +
  • +
    资讯
    + +
    • +
  • +
    展览
    + +
    • +
  • +
    艺术家
    + +
    • +
  • +
    机构
    + +
    • +
  • +
    培训
    + +
    • +
  • +
    商城
    + +
    • +
  • +
    拍卖
    + +
    • +
+
+
+ + +
+
+
+
+ +
+
+
+
+
山东美术馆
+
+ + +
立即关注
+
+
+
+ + +
+ +
+
+ +
+
+
+
+ + + + 图片丢失 + + diff --git a/htmls/artNetwork/mechanismDetail.html b/htmls/artNetwork/mechanismDetail.html new file mode 100644 index 0000000..13c32a4 --- /dev/null +++ b/htmls/artNetwork/mechanismDetail.html @@ -0,0 +1,166 @@ + + + + + 机构详情 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • +
    首页
    + + +
    • +
  • +
    资讯
    + +
    • +
  • +
    展览
    + +
    • +
  • +
    艺术家
    + +
    • +
  • +
    机构
    + +
    • +
  • +
    培训
    + +
    • +
  • +
    商城
    + +
    • +
  • +
    拍卖
    + +
    • +
+
+
+ + +
+
+
+
+ +
+
+
+
+
山东美术馆
+
+ + +
立即关注
+
+
+
+
摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家
+ 图片丢失 +
摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家
+
+
+
联系方式
+
+
+
+ +
联系人：摩空精舍
+
+
+ +
电话：028-86256961 手机：13880548658
+
+
+ +
E-Mail：zarts@126.com
+
+
+ +
传真：028-86256961
+
+
+ +
地址：高新区高朋大道10号（传入）科园二路10号航利中心3栋1单元3楼二酉山房
+
+
+
+
+
+ + + + diff --git a/htmls/artNetwork/mechanismExhibition.html b/htmls/artNetwork/mechanismExhibition.html new file mode 100644 index 0000000..6fcdad6 --- /dev/null +++ b/htmls/artNetwork/mechanismExhibition.html @@ -0,0 +1,161 @@ + + + + + 机构展会 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • +
    首页
    + + +
    • +
  • +
    资讯
    + +
    • +
  • +
    展览
    + +
    • +
  • +
    艺术家
    + +
    • +
  • +
    机构
    + +
    • +
  • +
    培训
    + +
    • +
  • +
    商城
    + +
    • +
  • +
    拍卖
    + +
    • +
+
+
+ + +
+
+
+
+ +
+
+
+
+
山东美术馆
+
+ + +
立即关注
+
+
+ +
+
+ +
+
+
+
+ + + + 图片丢失 + + diff --git a/htmls/artNetwork/mechanismPeople.html b/htmls/artNetwork/mechanismPeople.html new file mode 100644 index 0000000..8926952 --- /dev/null +++ b/htmls/artNetwork/mechanismPeople.html @@ -0,0 +1,161 @@ + + + + + 机构成员 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • +
    首页
    + + +
    • +
  • +
    资讯
    + +
    • +
  • +
    展览
    + +
    • +
  • +
    艺术家
    + +
    • +
  • +
    机构
    + +
    • +
  • +
    培训
    + +
    • +
  • +
    商城
    + +
    • +
  • +
    拍卖
    + +
    • +
+
+
+ + +
+
+
+
+ +
+
+
+
+
山东美术馆
+
+ + +
立即关注
+
+
+ +
+
+ +
+
+
+
+ + + + 图片丢失 + + diff --git a/htmls/artNetwork/realTimeInfo.html b/htmls/artNetwork/realTimeInfo.html index 65a106b..f6ad40f 100644 --- a/htmls/artNetwork/realTimeInfo.html +++ b/htmls/artNetwork/realTimeInfo.html @@ -7,6 +7,7 @@ + @@ -71,7 +72,7 @@
  • -
    资讯
    +
    资讯
  • @@ -83,7 +84,7 @@
  • -
    机构
    +
    机构
  • @@ -107,14 +108,52 @@ -
    +
    -
    资讯
    -
    -
    信息动态
    -
    新闻公告
    +
    资讯
    +
    +
    信息动态
    +
    新闻公告
    +
    + + + +
    +
    + +
    +
    + + + + 图片丢失 diff --git a/htmls/artNetwork/realTimeInfoDetail.html b/htmls/artNetwork/realTimeInfoDetail.html new file mode 100644 index 0000000..d716832 --- /dev/null +++ b/htmls/artNetwork/realTimeInfoDetail.html @@ -0,0 +1,187 @@ + + + + + 资讯详情 + + + + + + + + + + + +
    +
    +
    +
    +
    + + + + + +
    +
    + +
    + +
    +
    + 关于我们 + +
    + + 我的购物车 +
    + + 积分商城 + + 联系我们 + + 登录/注册 +
    + 个人中心 + 【退出】 +
    +
    +
    +
    +
      +
    • +
      首页
      + + +
      • +
    • +
      资讯
      + +
      • +
    • +
      展览
      + +
      • +
    • +
      艺术家
      + +
      • +
    • +
      机构
      + +
      • +
    • +
      培训
      + +
      • +
    • +
      商城
      + +
      • +
    • +
      拍卖
      + +
      • +
    +
    +
    + + +
    +
    +
    +
    +
    +
    +
    资讯
    +
    +
    信息动态
    +
    新闻公告
    +
    +
    +
    +
    +
    +
    +
    +
    中国国家画院举办“时代画卷——油画、版画、雕塑名家作品展”
    +
    + 2021年06月04日 + 来源：华夏艺术网 +
    +
    +
    1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝
    +
    + + +
    +
    1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝
    +
    + + +
    +
    +
    +
    +
    推荐阅读
    +
    + 图片丢失 +
    助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...
    +
    + 图片丢失 + 信息动态 | 书法 +
    +
    2021年06月21日
    +
    +
    + 图片丢失 +
    助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...
    +
    + 图片丢失 + 信息动态 | 书法 +
    +
    2021年06月21日
    +
    +
    + 图片丢失 +
    助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...
    +
    + 图片丢失 + 信息动态 | 书法 +
    +
    2021年06月21日
    +
    +
    + 图片丢失 +
    助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...
    +
    + 图片丢失 + 信息动态 | 书法 +
    +
    2021年06月21日
    +
    +
    +
    + + + + 图片丢失 + + diff --git a/img/public/jg-01.png b/img/public/jg-01.png new file mode 100644 index 0000000..55ee336 Binary files /dev/null and b/img/public/jg-01.png differ diff --git a/img/public/jg-02.png b/img/public/jg-02.png new file mode 100644 index 0000000..12f4a97 Binary files /dev/null and b/img/public/jg-02.png differ diff --git a/img/public/jg-03.png b/img/public/jg-03.png new file mode 100644 index 0000000..3bb3349 Binary files /dev/null and b/img/public/jg-03.png differ diff --git a/img/public/jg-04.png b/img/public/jg-04.png new file mode 100644 index 0000000..85309c4 Binary files /dev/null and b/img/public/jg-04.png differ diff --git a/img/public/jg-05.png b/img/public/jg-05.png new file mode 100644 index 0000000..b9ba0aa Binary files /dev/null and b/img/public/jg-05.png differ diff --git a/img/public/jg-06.png b/img/public/jg-06.png new file mode 100644 index 0000000..bce6589 Binary files /dev/null and b/img/public/jg-06.png differ diff --git a/img/public/jg-07.png b/img/public/jg-07.png new file mode 100644 index 0000000..7f719f5 Binary files /dev/null and b/img/public/jg-07.png differ diff --git a/img/public/jg-08.png b/img/public/jg-08.png new file mode 100644 index 0000000..2af3410 Binary files /dev/null and b/img/public/jg-08.png differ diff --git a/img/public/jg-09.png b/img/public/jg-09.png new file mode 100644 index 0000000..d4be9d3 Binary files /dev/null and b/img/public/jg-09.png differ diff --git a/img/public/jg-10.png b/img/public/jg-10.png new file mode 100644 index 0000000..293b361 Binary files /dev/null and b/img/public/jg-10.png differ diff --git a/img/public/jg-11.png b/img/public/jg-11.png new file mode 100644 index 0000000..f6355ba Binary files /dev/null and b/img/public/jg-11.png differ diff --git a/img/public/jg-12.png b/img/public/jg-12.png new file mode 100644 index 0000000..f1f621f Binary files /dev/null and b/img/public/jg-12.png differ diff --git a/img/public/jg-cz.png b/img/public/jg-cz.png new file mode 100644 index 0000000..de5dee9 Binary files /dev/null and b/img/public/jg-cz.png differ diff --git a/img/public/jg-detail-01.png b/img/public/jg-detail-01.png new file mode 100644 index 0000000..c48e7c7 Binary files /dev/null and b/img/public/jg-detail-01.png differ diff --git a/img/public/jg-detail-02.png b/img/public/jg-detail-02.png new file mode 100644 index 0000000..465cda7 Binary files /dev/null and b/img/public/jg-detail-02.png differ diff --git a/img/public/jg-dp-01.png b/img/public/jg-dp-01.png new file mode 100644 index 0000000..ba2cec4 Binary files /dev/null and b/img/public/jg-dp-01.png differ diff --git a/img/public/jg-dp-02.png b/img/public/jg-dp-02.png new file mode 100644 index 0000000..a64c275 Binary files /dev/null and b/img/public/jg-dp-02.png differ diff --git a/img/public/jg-dp-03.png b/img/public/jg-dp-03.png new file mode 100644 index 0000000..e482c07 Binary files /dev/null and b/img/public/jg-dp-03.png differ diff --git a/img/public/jg-dp-04.png b/img/public/jg-dp-04.png new file mode 100644 index 0000000..410947b Binary files /dev/null and b/img/public/jg-dp-04.png differ diff --git a/img/public/jg-dp-05.png b/img/public/jg-dp-05.png new file mode 100644 index 0000000..6605d2c Binary files /dev/null and b/img/public/jg-dp-05.png differ diff --git a/img/public/jg-dp-06.png b/img/public/jg-dp-06.png new file mode 100644 index 0000000..b7558ba Binary files /dev/null and b/img/public/jg-dp-06.png differ diff --git a/img/public/jg-dp-07.png b/img/public/jg-dp-07.png new file mode 100644 index 0000000..68741b2 Binary files /dev/null and b/img/public/jg-dp-07.png differ diff --git a/img/public/jg-dp-09.png b/img/public/jg-dp-09.png new file mode 100644 index 0000000..6dc0bba Binary files /dev/null and b/img/public/jg-dp-09.png differ diff --git a/img/public/jg-dw.png b/img/public/jg-dw.png new file mode 100644 index 0000000..23fbd08 Binary files /dev/null and b/img/public/jg-dw.png differ diff --git a/img/public/jg-dy-01.png b/img/public/jg-dy-01.png new file mode 100644 index 0000000..d16feb1 Binary files /dev/null and b/img/public/jg-dy-01.png differ diff --git a/img/public/jg-dy-02.png b/img/public/jg-dy-02.png new file mode 100644 index 0000000..c8e98e0 Binary files /dev/null and b/img/public/jg-dy-02.png differ diff --git a/img/public/jg-dy-03.png b/img/public/jg-dy-03.png new file mode 100644 index 0000000..1273f23 Binary files /dev/null and b/img/public/jg-dy-03.png differ diff --git a/img/public/jg-dy-04.png b/img/public/jg-dy-04.png new file mode 100644 index 0000000..f3778b0 Binary files /dev/null and b/img/public/jg-dy-04.png differ diff --git a/img/public/jg-dy-05.png b/img/public/jg-dy-05.png new file mode 100644 index 0000000..bd415a9 Binary files /dev/null and b/img/public/jg-dy-05.png differ diff --git a/img/public/jg-dy-06.png b/img/public/jg-dy-06.png new file mode 100644 index 0000000..b52ae78 Binary files /dev/null and b/img/public/jg-dy-06.png differ diff --git a/img/public/jg-dy-07.png b/img/public/jg-dy-07.png new file mode 100644 index 0000000..eaa33de Binary files /dev/null and b/img/public/jg-dy-07.png differ diff --git a/img/public/jg-dy-08.png b/img/public/jg-dy-08.png new file mode 100644 index 0000000..2059fa9 Binary files /dev/null and b/img/public/jg-dy-08.png differ diff --git a/img/public/jg-dz-01.png b/img/public/jg-dz-01.png new file mode 100644 index 0000000..10d9fdb Binary files /dev/null and b/img/public/jg-dz-01.png differ diff --git a/img/public/jg-dz-02.png b/img/public/jg-dz-02.png new file mode 100644 index 0000000..235e67d Binary files /dev/null and b/img/public/jg-dz-02.png differ diff --git a/img/public/jg-dz-03.png b/img/public/jg-dz-03.png new file mode 100644 index 0000000..0c8e884 Binary files /dev/null and b/img/public/jg-dz-03.png differ diff --git a/img/public/jg-dz-04.png b/img/public/jg-dz-04.png new file mode 100644 index 0000000..9b489b0 Binary files /dev/null and b/img/public/jg-dz-04.png differ diff --git a/img/public/jg-dz-05.png b/img/public/jg-dz-05.png new file mode 100644 index 0000000..ed9a471 Binary files /dev/null and b/img/public/jg-dz-05.png differ diff --git a/img/public/jg-dz-06.png b/img/public/jg-dz-06.png new file mode 100644 index 0000000..9fa64cf Binary files /dev/null and b/img/public/jg-dz-06.png differ diff --git a/img/public/jg-dz-07.png b/img/public/jg-dz-07.png new file mode 100644 index 0000000..f235620 Binary files /dev/null and b/img/public/jg-dz-07.png differ diff --git a/img/public/jg-dz-08.png b/img/public/jg-dz-08.png new file mode 100644 index 0000000..84446bd Binary files /dev/null and b/img/public/jg-dz-08.png differ diff --git a/img/public/jg-email.png b/img/public/jg-email.png new file mode 100644 index 0000000..693dca1 Binary files /dev/null and b/img/public/jg-email.png differ diff --git a/img/public/jg-name.png b/img/public/jg-name.png new file mode 100644 index 0000000..e348b0e Binary files /dev/null and b/img/public/jg-name.png differ diff --git a/img/public/jg-phone.png b/img/public/jg-phone.png new file mode 100644 index 0000000..0efb5e5 Binary files /dev/null and b/img/public/jg-phone.png differ diff --git a/img/public/zx-01.png b/img/public/zx-01.png new file mode 100644 index 0000000..22aa38e Binary files /dev/null and b/img/public/zx-01.png differ diff --git a/img/public/zx-02.png b/img/public/zx-02.png new file mode 100644 index 0000000..db874eb Binary files /dev/null and b/img/public/zx-02.png differ diff --git a/img/public/zx-03.png b/img/public/zx-03.png new file mode 100644 index 0000000..9ba9ac6 Binary files /dev/null and b/img/public/zx-03.png differ diff --git a/img/public/zx-04.png b/img/public/zx-04.png new file mode 100644 index 0000000..ecfd4c4 Binary files /dev/null and b/img/public/zx-04.png differ diff --git a/img/public/zx-05.png b/img/public/zx-05.png new file mode 100644 index 0000000..9ba6986 Binary files /dev/null and b/img/public/zx-05.png differ diff --git a/img/public/zx-detail-r01.png b/img/public/zx-detail-r01.png new file mode 100644 index 0000000..a4b95cb Binary files /dev/null and b/img/public/zx-detail-r01.png differ diff --git a/img/public/zx-detail-r02.png b/img/public/zx-detail-r02.png new file mode 100644 index 0000000..7330230 Binary files /dev/null and b/img/public/zx-detail-r02.png differ diff --git a/img/public/zx-detail-r03.png b/img/public/zx-detail-r03.png new file mode 100644 index 0000000..11b0fce Binary files /dev/null and b/img/public/zx-detail-r03.png differ diff --git a/img/public/zx-detail-r04.png b/img/public/zx-detail-r04.png new file mode 100644 index 0000000..183a32b Binary files /dev/null and b/img/public/zx-detail-r04.png differ diff --git a/img/public/zx-detail01.png b/img/public/zx-detail01.png new file mode 100644 index 0000000..20b0a3f Binary files /dev/null and b/img/public/zx-detail01.png differ diff --git a/img/public/zx-detail02.png b/img/public/zx-detail02.png new file mode 100644 index 0000000..cceb7ae Binary files /dev/null and b/img/public/zx-detail02.png differ diff --git a/img/public/zx-right-xx.png b/img/public/zx-right-xx.png new file mode 100644 index 0000000..508d345 Binary files /dev/null and b/img/public/zx-right-xx.png differ diff --git a/index.html b/index.html index ad44877..a29e041 100644 --- a/index.html +++ b/index.html @@ -86,7 +86,7 @@
  • -
    机构
    +
    机构
  • @@ -521,6 +521,6 @@ - + 图片丢失 diff --git a/js/huaxia.js b/js/huaxia.js index 1f3dc47..0c4eed0 100644 --- a/js/huaxia.js +++ b/js/huaxia.js @@ -2,6 +2,7 @@ $(function(){ $('.logo').on('click',function(){//logo图标点击事件 location.href = 'index.html' }) + // 一级导航 $('.dao-box li div').mouseover(function(){//导航悬浮事件 $(this).css("cursor","pointer") }) @@ -13,31 +14,68 @@ $(function(){ $(this).next(".redD").removeClass('dn') $(this).addClass('cq-dao-active') }) - 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 +=`
    - -
    -
    ${comment.title}
    -
    ${comment.time}
    -
    ${comment.content}
    -
    -
    ` + // 二级导航 + $('.zx-nav li a').click(function(){ + $('.zx-nav li a').removeClass('zx-nav-title') + $('.zx-nav li div').removeClass('zx-nav-active') + $(this).addClass('zx-nav-title') + $(this).next("div").addClass('zx-nav-active') + }) + //三级导航 + $('.szx-nav li a').click(function(){ + $('.szx-nav li a').removeClass('zx-nav-title') + $('.szx-nav li div').removeClass('zx-nav-active') + $(this).addClass('zx-nav-title') + $(this).next("div").addClass('zx-nav-active') + }) + // 资讯页面 + // 信息动态、新闻公告切换 + $('#zx-xg').click(function(){ + if(!$(this).find('.xx-one').hasClass('zx-xx')){ + $(this).find('.xx-one').addClass('zx-xx'); + $(this).find('.xx-one').removeClass('zx-gg'); + $(this).find('.gg-one').addClass('zx-gg'); + $(this).find('.gg-one').removeClass('zx-xx'); + } else { + $(this).find('.gg-one').removeClass('zx-gg'); + $(this).find('.gg-one').addClass('zx-xx'); + $(this).find('.xx-one').removeClass('zx-xx'); + $(this).find('.xx-one').addClass('zx-gg'); + } + }) + // 机构详情的立即关注 + $('#follow').click(function(){ + if($(this).text()=='立即关注'){ + $(this).text('已关注') + $(this).removeClass('borr') + $(this).addClass('borf') + } else { + $(this).text('立即关注') + $(this).removeClass('borf') + $(this).addClass('borr') + } + }) + + // let childer = document.querySelectorAll('.ysj .ya-item-box').length + // if(childer==5) { + // $('.ysj').css({"justify-content":"space-between","marginRight":0}) + // $('.ysj .ya-item-box').css({"marginRight":0}) + // } + xxDong()//首页信息动态 + zxList()//资讯列表事件 + checkJG()//机构列表事件 + checkPeo()//机构成员事件 + checkExhibitone()//机构展会事件 + checkArt()//机构艺术品事件 + $(window).scroll(function() { + if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) { + zxList() + checkJG() + checkPeo() + checkExhibitone() + checkArt() + } }); -　　$('.msg').prepend(html); - let childer = document.querySelectorAll('.ysj .ya-item-box').length - if(childer==5) { - $('.ysj').css({"justify-content":"space-between","marginRight":0}) - $('.ysj .ya-item-box').css({"marginRight":0}) - } - - // 监听页面滚动条变化 @@ -51,6 +89,177 @@ $(function(){ } }) }) +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 +=`
    + 图片丢失 +
    +
    ${comment.title}
    +
    ${comment.time}
    +
    ${comment.content}
    +
    +
    ` + }); + $('.msg').prepend(html); +} +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 +=`
    +
    + 图片丢失 +
    +
    +
    ${comment.time}
    +
    ${comment.title}
    +
    ◆ ◆ ◆ ◆
    +
    ${comment.content}
    +
    +
    ` + }); +　　$('#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 = [ + {imgSrc:'../../img/public/jg-01.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-02.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-03.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-04.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-05.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-06.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-07.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-08.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-09.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-10.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-11.png',title:'摩空精舍'}, + {imgSrc:'../../img/public/jg-12.png',title:'摩空精舍'}, + ] + $.each(jgData, function(commentIndex, comment) { + jgHtml +=`
    + 图标丢失 +
    —${comment.title}
    +
    ` + }); +　　$('#jg-list').prepend(jgHtml); + $('#jg-list img').mouseover(function(){//导航悬浮事件 + $(this).css({"cursor":"pointer"}) + $(this).next('div').css('color','#CB1919') + }) + $('#jg-list img').mouseout(function(){//导航悬浮事件 + $(this).next('div').css('color','#000000') + }) +} +function goJGDetail(e){//查看机构详情 + location.href = `mechanismDetail.html?id=${e}` +} +function checkPeo(){//查询机构成员列表 + let jgmHtml = ''; + let jgmData = [ + {imgSrc:'../../img/public/jg-dp-01.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-02.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-03.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-04.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-05.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-06.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-07.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-09.png',title:'张龙森'}, + ] + $.each(jgmData, function(commentIndex, comment) { + jgmHtml +=`
    + 图标丢失 +
    ${comment.title}
    +
    ` + }); +　　$('#jgm-list').prepend(jgmHtml); + $('#jgm-list img').mouseover(function(){//导航悬浮事件 + $(this).css({"cursor":"pointer"}) + $(this).next('div').css('color','#CB1919') + }) + $('#jgm-list img').mouseout(function(){//导航悬浮事件 + $(this).next('div').css('color','#000000') + }) +} +function checkExhibitone(){//查询机构展会列表 + let jgzHtml = ''; + let jgzData = [ + {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(jgzData, function(commentIndex, comment) { + jgzHtml +=`
    + 图标丢失 +
    ${comment.title}
    +
    展览时间：${comment.time}
    +
    ` + }); +　　$('#jgz-list').prepend(jgzHtml); + $('#jgz-list img').mouseover(function(){//导航悬浮事件 + $(this).css({"cursor":"pointer"}) + $(this).next('div').css('color','#CB1919') + }) + $('#jgz-list img').mouseout(function(){//导航悬浮事件 + $(this).next('div').css('color','#000000') + }) +} +function checkArt(){//机构艺术品事件 + let jgyHtml = ''; + let jgyData = [ + {imgSrc:'../../img/public/jg-dy-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dy-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dy-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dy-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dy-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dy-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dy-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dy-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + ] + $.each(jgyData, function(commentIndex, comment) { + jgyHtml +=`
    + 图标丢失 +
    ${comment.title}
    +
    ` + }); + 　　$('#jgy-list').prepend(jgyHtml); + $('#jgy-list img').mouseover(function(){//导航悬浮事件 + $(this).css({"cursor":"pointer"}) + $(this).next('div').css('color','#CB1919') + }) + $('#jgy-list img').mouseout(function(){//导航悬浮事件 + $(this).next('div').css('color','#000000') + }) +} // 回到顶部 function pageScroll(){ window.scrollBy(0,-100);