$(function(){ let headH = $('#huaxia-head').height() $(window).resize(function(){//监听窗口大小的改变 // console.log($(window).width()); }) $('.logo').on('click',function(){//logo图标点击事件 location.href = 'index.html' }) // 一级导航 $('.dao-box li div').mouseover(function(){//导航悬浮事件 $(this).css("cursor","pointer") }) $('.dao-box li div').click(function(){//导航点击事件 $('.dao-box li div').removeClass('cq-dao-active') $('.dao-box li div div').addClass("dn"); $('.dao-box li span').addClass("dn"); $(this).find(".xiahx").removeClass('dn') $(this).next(".redD").removeClass('dn') $(this).addClass('cq-dao-active') }) // 二级导航 $('.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') }) $('.px-nav li a').click(function(){//培训页二级导航 $('.px-nav li a').removeClass('zx-nav-title') $('.px-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') } }) // 培训课堂介绍、课堂视频、在线直播切换事件 $('#px-item div').click(function(){ $('#px-item div').removeClass('zx-xx') $('#px-item div').addClass('zx-gg') $(this).addClass('zx-xx') $(this).removeClass('zx-gg') let pxIndex = $(this).index()//0代表课堂介绍、1代表课堂视频、2代表在线直播 switch (pxIndex){ case 0: $('#px-list').css('display','') $('#pxsp-list').css('display','none') break; case 1: $('#px-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') break; } }) // 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()//机构艺术品事件 checkBooks()//查看书刊 jgxList()//机构新闻动态事件 pmList()//拍卖列表事件 checkPMShop()//拍卖所有商品事件 checkPXList()//培训列表事件 checkPXSPList()//培训视频事件 checkartist()//查询艺术家列表事件 checkFT()//查询艺术访谈列表 checkYSZZList()//查询艺术家杂志列表 checkZLList()//查询展览列表 $(window).scroll(function() { if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) { zxList() checkJG() checkPeo() checkExhibitone() checkArt() checkBooks() jgxList() 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(){ // 获取滚动条距离顶部的距离 let s = $(window).scrollTop(); if(s > 1000){ $('#gotoTop').fadeIn(100); } else { $('#gotoTop').fadeOut(200); } }) }) 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).nextAll('div').css('color','#CB1919') }) $('#jgz-list img').mouseout(function(){//内容悬浮事件 $(this).nextAll('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 goYSDetail(e){//查看艺术品详情 location.href = `mechanismArtworkDetail.html?id=${e}` } function checkBooks(){//查询机构书刊杂志列表 let jgsHtml = ''; let jgsData = [ {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(jgsData, function(commentIndex, comment) { jgsHtml +=`
图标丢失
${comment.title}
出版时间:${comment.time}
` });   $('#jgs-list').prepend(jgsHtml); $('#jgs-list img').mouseover(function(){//内容悬浮事件 $(this).css({"cursor":"pointer"}) $(this).nextAll('div').css('color','#CB1919') }) $('#jgs-list img').mouseout(function(){//内容悬浮事件 $(this).nextAll('div').css('color','#000000') }) } function goSKDetail(e){//查看书刊详情 location.href = `mechanismBooksDetail.html?id=${e}` } function jgxList(){//机构下的新闻动态列表 var jgxHtml = ''; var jgxData = [ {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(jgxData, function(commentIndex, comment) { jgxHtml +=`
图片丢失
${comment.time}
${comment.title}
◆ ◆ ◆ ◆
${comment.content}
` });   $('#jgx-list').prepend(jgxHtml); $('#jgx-list div').mouseover(function(){//导航悬浮事件 $(this).css("cursor","pointer") $(this).find(".zx-title").css('color','#CB1919') $(this).find(".zx-dian").css('color','#CB1919') }) $('#jgx-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 pmList(){//机构下的新闻动态列表 var pmHtml = ''; var pmData = [ {imgSrc:'../../img/public/pm01.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:27,time:'2021.07.21',content:'本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, {imgSrc:'../../img/public/pm02.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:99,time:'2021.07.21',content:'本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, {imgSrc:'../../img/public/pm03.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:1234,time:'2021.07.21',content:'本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, {imgSrc:'../../img/public/pm04.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:32,time:'2021.07.21',content:'本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, {imgSrc:'../../img/public/pm05.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:641,time:'2021.07.21',content:'本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, ] $.each(pmData, function(commentIndex, comment) { pmHtml +=`
图片丢失
${comment.title}
专场介绍
${comment.content}
更多详情
拍品${comment.num}件 ${comment.time}
` });   $('#pm-list').prepend(pmHtml); } function goPMDetail(e){//查看资讯详情 location.href = `auctionDetail.html?id=${e}` } function checkPMShop(){//拍卖全部商品事件 let pmdHtml = ''; let pmdData = [ {imgSrc:'../../img/public/jg-dy-01.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',time:'RMB 1,500'}, {imgSrc:'../../img/public/jg-dy-02.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'}, {imgSrc:'../../img/public/jg-dy-03.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',time:'RMB 1,500'}, {imgSrc:'../../img/public/jg-dy-04.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'}, {imgSrc:'../../img/public/jg-dy-05.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'}, {imgSrc:'../../img/public/jg-dy-06.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'}, {imgSrc:'../../img/public/jg-dy-07.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'}, {imgSrc:'../../img/public/jg-dy-08.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'}, ] $.each(pmdData, function(commentIndex, comment) { pmdHtml +=`
图标丢失
${comment.title}
起拍价:${comment.time}
` });   $('#pmd-list').prepend(pmdHtml); $('#pmd-list img').mouseover(function(){//导航悬浮事件 $(this).css({"cursor":"pointer"}) $(this).nextAll('div').css('color','#CB1919') }) $('#pmd-list img').mouseout(function(){//导航悬浮事件 $(this).nextAll('div').css('color','#000000') }) } function goPMSDetail(e){//查看资讯详情 location.href = `auctionShopDetail.html?id=${e}` } function checkPXList(){//拍卖全部商品事件 let pxdHtml = ''; let pxdData = [ {imgSrc:'../../img/public/px01.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, {imgSrc:'../../img/public/px02.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, {imgSrc:'../../img/public/px03.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, {imgSrc:'../../img/public/px04.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, {imgSrc:'../../img/public/px05.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'}, ] $.each(pxdData, function(commentIndex, comment) { if(commentIndex%2==0){ pxdHtml +=`
图片丢失 图片丢失
${comment.title}
${comment.content}
查看详情+
` } else { pxdHtml +=`
${comment.title}
${comment.content}
查看详情+
图片丢失 图片丢失
` } });   $('#px-list').prepend(pxdHtml); $('#px-list img').mouseover(function(){//导航悬浮事件 $(this).css({"cursor":"pointer"}) $(this).nextAll('div').css('color','#CB1919') }) $('#px-list img').mouseout(function(){//导航悬浮事件 $(this).nextAll('div').css('color','#000000') }) } function goPXDetail(e){//查看培训详情 location.href = `trainDetail.html?id=${e}` } function checkPXSPList(){//培训视频事件 let pxspHtml = ''; let pxspData = [ {imgSrc:'../../img/public/px-sp01.png',title:'张老详细解说走进花鸟画的秘密花园【三】'}, {imgSrc:'../../img/public/px-sp02.png',title:'张老详细解说走进花鸟画的秘密花园【三】'}, {imgSrc:'../../img/public/px-sp03.png',title:'张老详细解说走进花鸟画的秘密花园【三】'}, {imgSrc:'../../img/public/px-sp04.png',title:'张老详细解说走进花鸟画的秘密花园【三】'}, {imgSrc:'../../img/public/px-sp05.png',title:'张老详细解说走进花鸟画的秘密花园【三】'}, {imgSrc:'../../img/public/px-sp06.png',title:'张老详细解说走进花鸟画的秘密花园【三】'}, ] $.each(pxspData, function(commentIndex, comment) { pxspHtml +=`
图片丢失 图片丢失
——${comment.title}
` });   $('#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 +=`
  • ${comment}
  • ` } else yspHtml +=`
  • ${comment}
  • ` }); $('#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 +=`
    图标丢失
    ${comment.title}
    查看作品
    ${comment.content}
    ` });   $('#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 +=`
    图片丢失
    ${comment.title}
    ${comment.time}
    ····
    ` });   $('#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 +=`
    图标丢失
    ${comment.title}
    出版时间:${comment.time}
    ` });   $('#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 +=`
    图标丢失
    ${comment.title}
    ${comment.sponsor}
    展览时间:${comment.time}
    展览地址:${comment.address}
    ` });   $('#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); scrolldelay = setTimeout('pageScroll()',0); var sTop = document.documentElement.scrollTop+document.body.scrollTop; if(sTop==0) clearTimeout(scrolldelay); }