668 lines
40 KiB
JavaScript
668 lines
40 KiB
JavaScript
$(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 +=`<div class="dac backf p-sx20 w48 m-x32">
|
||
<img src="${comment.imgSrc}" class="xx-img" alt="图片丢失" title="${comment.title}">
|
||
<div class="m-zy15">
|
||
<div class="clips1 font-18 col19">${comment.title}</div>
|
||
<div class="font-12 col9 m-sx10">${comment.time}</div>
|
||
<div class="clips2 font-12 xx-content">${comment.content}</div>
|
||
</div>
|
||
</div>`
|
||
});
|
||
$('.msg').prepend(html);
|
||
}
|
||
function zxList(){//资讯页全部下的列表
|
||
var zxHtml = '';
|
||
var zxData = [
|
||
{imgSrc:'../../img/public/zx-01.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
|
||
{imgSrc:'../../img/public/zx-02.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
|
||
{imgSrc:'../../img/public/zx-03.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
|
||
{imgSrc:'../../img/public/zx-04.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
|
||
]
|
||
$.each(zxData, function(commentIndex, comment) {
|
||
zxHtml +=`<div class="bbt djbac psx p-sx30" onclick="goZXDetail(${commentIndex})">
|
||
<div class="fs m-y30">
|
||
<img style="width: 100%;" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
||
</div>
|
||
<div>
|
||
<div class="font-13 col7d m-x10">${comment.time}</div>
|
||
<div class="font-20 zx-title">${comment.title}</div>
|
||
<div class="m-s30 col7d m-x10 zx-dian">◆ ◆ ◆ ◆</div>
|
||
<div class="font-15 col19 linh28" style="text-indent: 2em;">${comment.content}</div>
|
||
</div>
|
||
</div>`
|
||
});
|
||
$('#zx-list').prepend(zxHtml);
|
||
$('#zx-list div').mouseover(function(){//导航悬浮事件
|
||
$(this).css("cursor","pointer")
|
||
$(this).find(".zx-title").css('color','#CB1919')
|
||
$(this).find(".zx-dian").css('color','#CB1919')
|
||
})
|
||
$('#zx-list div').mouseout(function(){//导航悬浮事件
|
||
$(this).find(".zx-title").css('color','#000000')
|
||
$(this).find(".zx-dian").css('color','#7d7d7d')
|
||
})
|
||
}
|
||
function goZXDetail(e){//查看资讯详情
|
||
location.href = `realTimeInfoDetail.html?id=${e}`
|
||
}
|
||
function checkJG(){//查询机构列表
|
||
let jgHtml = '';
|
||
let jgData = [
|
||
{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 +=`<div class="dfc w33 m-s30" onclick="goJGDetail(${commentIndex})">
|
||
<img class="w96" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||
<div class="font-18 fb m-s20 w96 clips1">—<span class="m-z10">${comment.title}</span></div>
|
||
</div>`
|
||
});
|
||
$('#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 +=`<div class="dfc w25 m-s30">
|
||
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||
<div class="font-18 fb m-s20 w90 clips1" style="text-align: center;">${comment.title}</div>
|
||
</div>`
|
||
});
|
||
$('#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 +=`<div class="dfc w25 m-s30">
|
||
<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>`
|
||
});
|
||
$('#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 +=`<div class="dfc w25 m-s30" onclick="goYSDetail(${commentIndex})">
|
||
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||
<div class="font-18 fb m-s20 w90 clips1" style="text-align: center;">${comment.title}</div>
|
||
</div>`
|
||
});
|
||
$('#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 +=`<div class="dfc w25 m-s30" onclick="goSKDetail(${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>`
|
||
});
|
||
$('#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 +=`<div class="bbt djbac psx p-sx30" onclick="goZXDetail(${commentIndex})">
|
||
<div class="fs m-y30">
|
||
<img style="width: 100%;" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
||
</div>
|
||
<div>
|
||
<div class="font-13 col7d m-x10">${comment.time}</div>
|
||
<div class="font-20 zx-title">${comment.title}</div>
|
||
<div class="m-s30 col7d m-x10 zx-dian">◆ ◆ ◆ ◆</div>
|
||
<div class="font-15 col19 linh28" style="text-indent: 2em;">${comment.content}</div>
|
||
</div>
|
||
</div>`
|
||
});
|
||
$('#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 +=`<div class="dac m-x30 bd" onclick="goPMDetail(${commentIndex})">
|
||
<img width="100%" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
||
<div class="p-zy30 w56">
|
||
<div class="font-20 linh28 fb dac p-sx20 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
|
||
<div class="font-15 col19 m-s20 m-x10">专场介绍</div>
|
||
<div class="font-15 col19 linh26 clips3 op8">${comment.content}</div>
|
||
<div class="font-12 colcb m-s10 m-x20 tr"><span class="cq-cp">更多详情</span></div>
|
||
<div class="btt p-sx20 font-15 djbac">
|
||
<span>拍品${comment.num}件</span>
|
||
<span class="col19 op7">${comment.time}</span>
|
||
</div>
|
||
</div>
|
||
</div>`
|
||
});
|
||
$('#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 +=`<div class="dfc w25 m-s30" onclick="goPMSDetail(${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">起拍价：<span class="colcb">${comment.time}</span></div>
|
||
</div>`
|
||
});
|
||
$('#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 +=`<div class="djbac backf5">
|
||
<div class="pr fs w50" onclick="goPXDetail(${commentIndex})">
|
||
<img width="100%" class="px-item-img" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||
</div>
|
||
<div class="p-zy40 w50">
|
||
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
|
||
<div class="font-15 col19 linh30 clips4 op8 m-s16">${comment.content}</div>
|
||
<div class="font-12 colcb m-s30" onclick="goPXDetail(${commentIndex})"><span class="cq-cp">查看详情+</span></div>
|
||
</div>
|
||
</div>`
|
||
} else {
|
||
pxdHtml +=`<div class="djbac backf5">
|
||
<div class="p-zy40 w50">
|
||
<div class="font-20 linh28 fb dac p-sx10 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
|
||
<div class="font-15 col19 linh30 clips4 op8 m-s16">${comment.content}</div>
|
||
<div class="font-12 colcb m-s30" onclick="goPXDetail(${commentIndex})"><span class="cq-cp">查看详情+</span></div>
|
||
</div>
|
||
<div class="pr fs w50" onclick="goPXDetail(${commentIndex})">
|
||
<img width="100%" class="px-item-img" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||
</div>
|
||
</div>`
|
||
}
|
||
});
|
||
$('#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 +=`<div class="w50">
|
||
<div class="pr w100">
|
||
<img width="96%" src="${comment.imgSrc}" alt="图片丢失" title="" >
|
||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="" >
|
||
</div>
|
||
<div class="clips1 col19 font-18 m-s20 m-x30">——<span class="m-z15">${comment.title}</span></div>
|
||
</div>`
|
||
});
|
||
$('#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);
|
||
scrolldelay = setTimeout('pageScroll()',0);
|
||
var sTop = document.documentElement.scrollTop+document.body.scrollTop;
|
||
if(sTop==0) clearTimeout(scrolldelay);
|
||
} |