function goToPage(e) { let homeUrl = window.location.href.indexOf('index.html'); switch (e) { case 1: console.log('关于我们'); if (homeUrl > -1) { location.href = 'htmls/aboutUs/aboutUs.html' } else { location.href = '../../htmls/aboutUs/aboutUs.html' } break; case 2: console.log('购物车'); if (homeUrl > -1) { location.href = 'htmls/logshoppingcar/shopcar.html'; } else { location.href = '../../htmls/logshoppingcar/shopcar.html'; } break; case 3: console.log('联系我们'); if (homeUrl > -1) { location.href = 'htmls/contactUs/contactUs.html' } else { location.href = '../../htmls/contactUs/contactUs.html' } break; case 4: // 登录注册 if (homeUrl > -1) { location.href = 'htmls/logshoppingcar/login.html'; } else { location.href = '../../htmls/logshoppingcar/login.html'; } break; } } $(function () { let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/; $('#submitLY').click(function () { let name = $('input[name="username"]').val(); let phone = $('input[name="userphone"]').val(); let content = $('input[name="usercontent"]').val(); if (!name) { console.log('请输入联系人'); } else if (!reg_tel.test(phone)) { console.log('请输入正确的联系电话'); } else if (!content) { console.log('请输入联系说明'); } else { console.log('提交成功'); } }) // 首页更多事件 var list = $(".sy-more") $('.sy-more').on('click', function () { var index = list.index(this); //获取下标 // console.log(index,list.length); if (index == 0) location.href = 'htmls/artNetwork/exhibition.html' if (index == 1) location.href = 'htmls/artNetwork/realTimeInfo.html' if (index == 2) location.href = 'htmls/artNetwork/shoppingMall.html' if (index == 3) location.href = 'htmls/artNetwork/artist.html' // if(index==4) location.href = 'htmls/artNetwork/login.html' if (index == 5) location.href = 'htmls/artNetwork/train.html' // if(index==6) location.href = 'htmls/artNetwork/train.html' }) 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') // }) $('.zx-nav li').click(function () { let jgTwoIndex = $(this).index() $('.zx-nav li span').removeClass('zx-nav-title') $('.zx-nav li div').removeClass('zx-nav-active') $(this).find('span').addClass('zx-nav-title') $(this).find("div").addClass('zx-nav-active') let urlIndex = window.location.href.indexOf('mechanismBooksDetail.html') if (urlIndex > -1 && $(this).find('span').text() != '书刊杂志') { $('#jg-detail').css('display', 'none') } else { $('#jg-detail').css('display', '') } changeJG() if (jgTwoIndex == 0) $('#jgjj-box').css('display', '') if (jgTwoIndex == 1) $('#jgcy-box').css('display', '') if (jgTwoIndex == 2) $('#jgzh-box').css('display', '') if (jgTwoIndex == 3) $('#jgysp-box').css('display', '') if (jgTwoIndex == 4) $('#jgsk-box').css('display', '') if (jgTwoIndex == 5) $('#jgxw-box').css('display', '') }) $('.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: $('#pxsp-list').css('display', 'none') $('#pxzb-list').css('display', 'none') $('#px-list').css('display', '') break; case 1: $('#px-list').css('display', 'none') $('#pxzb-list').css('display', 'none') $('#pxsp-list').css('display', '') break; case 2: $('#px-list').css('display', 'none') $('#pxsp-list').css('display', 'none') $('#pxzb-list').css('display', '') break; } }) // 培训课堂介绍、课堂视频、在线直播切换事件 $('#zl-item div').click(function () { $('#zl-item div').removeClass('zx-xx') $('#zl-item div').addClass('zx-gg') $(this).addClass('zx-xx') $(this).removeClass('zx-gg') let pxIndex = $(this).index() //0代表课堂介绍、1代表课堂视频、2代表在线直播 $('#zling').css('display', 'none') $('#zlwill').css('display', 'none') $('#zled').css('display', 'none') $('#zlDetail').css('display', 'none') switch (pxIndex) { case 0: $('#zling').css('display', '') break; case 1: $('#zlwill').css('display', '') break; case 2: $('#zled').css('display', '') 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}) // } let zhTop = 0 $(window).scroll(function () { if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) { if (zhTop == 0) zhTop = $(window).scrollTop() / 2 // $('.zx-more').css('display','flex') // setTimeout(function(){ // $('.zx-more').css('display','none') // window.scrollBy(0,-10); // },1500) } }); 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; } }) // 商品购买时的加 $('.addNum').click(function () { let dnum = $('#numVal').val() dnum++ $('#numVal').val(dnum) }) // 商品购买时的减 $('.delNum').click(function () { let dnum = $('#numVal').val() if (dnum > 1) { dnum-- $('#numVal').val(dnum) } }) // 商城的更多事件 $('#rem-more,#sh-more,#cq-more,#jf-more').click(function () { location.href = "shopMore.html" }) // 调起兑换弹框 $('#duih').click(function () { $('#isTank').fadeIn() $('#duik').css('display', '') }) // 关闭弹框 $('.close-q').click(function () { closeTK() }) // 立即兑换提交事件 $('#sumitdh').click(function () { $('#duik').css('display', 'none') $('#success_fail').css('display', '') let isFlag = true if (isFlag) { $('#successk').css('display', '') } else $('#failk').css('display', '') }) // 去购物 $('.goShop').click(function () { location.href = "pointsMall.html" }) // 调起投稿界面 $('#toug').click(function () { $('#isTank').fadeIn() $('#duik').css('display', '') $('#success_fail').css('display', 'none') }) // 去展览 $('.goZhanl').click(function () { location.href = `exhibition.html` }) // 继续投票 $('.continueTP').click(function () { console.log('继续投票'); }) // 图片选择 $('#inputImg').change(function () { $filePath = URL.createObjectURL(this.files[0]); $('#upImg').attr('src', $filePath); $('#fileBox').css('display', 'none') $('#upImg').css('display', 'inline') $("#inputImg+#uptxt").val(`${this.files[0].name}`) }) //图片选择页面复用 $('.inputImg').change(function (e) { $filePath = URL.createObjectURL(this.files[0]); $(e.target).next().attr('src', $filePath); $('.fileBox').css('display', 'none') $(e.target).next().css('display', 'inline') console.log($(e.target).next().attr("class")); if ($(e.target).next().attr("class") != "upImg") { $(".uptoux").attr('src', $filePath); $(".tyjgzx_topimgtx").css("display", "block") } }) // 立即投稿 $('#submitTG').click(function () { closeTK() }) // 去选择地址页面 $('.goChooseDZ').on('click', function () { location.href = '' }) // 监听页面滚动条变化 $(window).scroll(function () { // 获取滚动条距离顶部的距离 let s = $(window).scrollTop(); if (s > 1000) { $('#gotoTop').fadeIn(100); } else { $('#gotoTop').fadeOut(200); } }) $('.search_img').on('click', function () { $('#previewImg').css('display', 'flex') }) $('#previewImg').on('click', function () { $(this).css('display', 'none') }) $('#previewImg .closeImg').on('click', function () { $('#previewImg').css('display', 'none') }) //展览详情作品搜索点击事件 $('.zpsearch-box img').on('click', function () { console.log('作品搜索'); }) //功能按钮事件 $('.gongn').on('click', function () { $(this).toggleClass('trans90') $('.cell-nav').toggleClass('dn') $('.cell-input').addClass('dn') }) //关闭功能弹框 $('.cell-nav').on('click', function () { $('.gongn').toggleClass('trans90') $('.cell-nav').toggleClass('dn') $('.cell-input').addClass('dn') }) //功能按钮事件 $('.shous').on('click', function () { $("input[name='keyWord']").val('') $('.cell-input').toggleClass('dn') $('.gongn').removeClass('trans90') $('.cell-nav').addClass('dn') }) //功能按钮事件 $('.cell-input').on('click', function () { $("input[name='keyWord']").val('') $(this).addClass('dn') }) // 阻止事件冒泡 $('input[name="keyWord"]').on("click", function (event) { event.stopPropagation() }) // 展览作品从高到底 $('.zhanl-select').on('click',function(){ $('.paix-tank').toggle() }) // 选择类型,关闭弹框 $('.paix-tank p').on('click',function(){ $('.paix-tank').fadeOut() $('.zhanl-select .op6').text($(this).text()) }) // 在线签约 $('.onlineSigning').on('click',function(){ if($(this).text()=='在线签约'){ $(this).text('已签约') } else { $(this).text('在线签约') } $(this).toggleClass('zx-xx') }) }) function searchKey(e) { //导航关键词搜索 if (e.key == 'Enter') { console.log('导航关键词搜索'); $('.cell-input').toggleClass('dn') } } function searchZP() { //展览详情作品搜索事件 console.log('作品搜索'); } function changeJG() { $('#jgjj-box').css('display', 'none') $('#jgcy-box').css('display', 'none') $('#jgzh-box').css('display', 'none') $('#jgysp-box').css('display', 'none') $('#jgsk-box').css('display', 'none') $('#jgxw-box').css('display', 'none') } function closeTK() { //关闭弹框 $('#isTank').fadeOut() $('#failk').css('display', 'none') $('#success_fail').css('display', 'none') $('#successk').css('display', 'none') $('#duik').css('display', 'none') // 重置我要投稿 $('#upImg').attr('src', '') $('#fileBox').css('display', 'flex') $('#upImg').css('display', 'none') $('#cicun').val('') $('#name').val('') } 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 toup(e) { //投票调起弹框 $('#isTank').fadeIn() $('#duik').css('display', 'none') $('#success_fail').css('display', '') $('#successk').css('display', '') } // 回到顶部 function pageScroll() { window.scrollBy(0, -100); scrolldelay = setTimeout('pageScroll()', 0); var sTop = document.documentElement.scrollTop + document.body.scrollTop; if (sTop == 0) clearTimeout(scrolldelay); } $(".tyjgzx_sc").on("click", () => { if ($(event.target).attr("data-in") == 1) { $($(".tyjgzx_sccon")[1]).css("display", "none") $($(".tyjgzx_sccon")[0]).css("display", "flex") $($(".tyjgzx_sc")[0]).addClass("tyjgzx_yhd"); $($(".tyjgzx_sc")[1]).removeClass("tyjgzx_yhd"); } else { $($(".tyjgzx_sccon")[0]).css("display", "none") $($(".tyjgzx_sccon")[1]).css("display", "flex") $($(".tyjgzx_sc")[1]).addClass("tyjgzx_yhd"); $($(".tyjgzx_sc")[0]).removeClass("tyjgzx_yhd"); } }) function tyList(data, navIf = true) { if (navIf) { $(".tyjgzx_lititnoe").addClass("tyjgzx_litittwo"); $(".tyjgzx_lititnoe").removeClass("tyjgzx_lititnoe"); $($(".tyjgzx_leftcon")[data - 1]).addClass("tyjgzx_lititnoe"); $($(".tyjgzx_leftcon")[data - 1]).removeClass("tyjgzx_litittwo"); } $(".tyjgzx_ris").css("display", "none") for (let index = 0; index < $(".tyjgzx_ris").length; index++) { console.log($($(".tyjgzx_ris")[index]).attr("data-in") == data); if ($($(".tyjgzx_ris")[index]).attr("data-in") == data) { console.log(); $($(".tyjgzx_ris")[index]).css("display", "block") $([index]).css("display", "block") } } $(".tygrzx_lititnoe").addClass("tygrzx_litittwo"); $(".tygrzx_lititnoe").removeClass("tygrzx_lititnoe"); $($(".tygrzx_leftcon")[data - 1]).addClass("tygrzx_lititnoe"); $($(".tygrzx_leftcon")[data - 1]).removeClass("tygrzx_litittwo"); $(".tygrzx_ris").css("display", "none") for (let index = 0; index < $(".tygrzx_ris").length; index++) { if ($($(".tygrzx_ris")[index]).attr("data-in") == data) { $($(".tygrzx_ris")[index]).css("display", "block") $([index]).css("display", "block") } } } // 菜单事件 $(".naliu").on("click", () => { $(".tyjgzx_left").css("left", "5%") }) $(".tyjgzx_caidan").on("click", () => { $(".tyjgzx_left").css("left", "-65PX") }) // 添加按钮 $(".tyjgzx_newsBulletin").on("click", (e) => { e.preventDefault() tyList(3) }) $(".tyjgzx_exhibitionSubmit").on("click", (e) => { e.preventDefault() tyList(4) }) $(".tyjgzx_submissionArtwork").on("click", (e) => { e.preventDefault() tyList(5) }) $(".tyjgzx_submitBooks").on("click", (e) => { e.preventDefault() tyList(6) }) $(".tyjgzx_submissionInformation").on("click", (e) => { e.preventDefault() tyList(7) }) $(".tyjgzx_MemberSubmittingBody").on("click", (e) => { e.preventDefault() tyList(8) }) // 全选 $(".tyjgzx_selected").on("click", (e) => { if ($(e.target).prop("checked")) { $(e.target).prop("checked", true); } else { $(e.target).prop("checked", false); } }) $('p').parent() $(".tyjgzx_selectAll").on("click", (e) => { if ($(e.target).prop("checked")) { $(e.target).parent().parent().parent().next().find(".tyjgzx_selected").prop("checked", true); $(e.target).prop("checked", true); } else { $(e.target).parent().parent().parent().next().find(".tyjgzx_selected").prop("checked", false); $(e.target).prop("checked", false); } }) //个人中心 // 弹窗点击 // 收货地址弹窗 function shippingAddress(params) { if (params) { $(".tygrzx_shclick").css("display", "flex") } else { $(".tygrzx_shclick").css("display", "none") } } $(".tygrzx_addressEditing").on("click", () => { shippingAddress(true) }) $(".tygrzx_cz").on("click", () => { shippingAddress(true) }) $(".tygrzx_shgb").on("click", () => { shippingAddress(false) }) $(".tygrzx_saveAddress").on("click", () => { shippingAddress(false) }) //申请售后 function applyAfterSales(params) { if (params) { $(".tygrzx_sqshclick").css("display", "flex") } else { $(".tygrzx_sqshclick").css("display", "none") } } $(".tygrzx_fterSubmission").on("clicl", () => { applyAfterSales(false) }) $(".tygrzx_sqtc").on("click", () => { applyAfterSales(true) }) $(".tygrzx_shtcgb").on("click", () => { applyAfterSales(false) }) //售后结果弹窗 function afterResults(params) { if (params) { $(".tygrzx_sqjgclick").css("display", "flex") } else { $(".tygrzx_sqjgclick").css("display", "none") } } $(".tygrzx_sqjgtc").on("click", () => { afterResults(true) }) $(".tygrzx_shjggb").on("click", () => { afterResults(false) }) // 签到弹窗 $(".tygrzx_qdaoclick").on("click", () => { signPrompt(true) }) $(".tygrzx_qdgban").on("click", () => { signPrompt(false) }) $(".signImmediately").on("click", () => { signPrompt(false) }) function signPrompt(params) { if (params) { $(".tygrzx_qdao").css("display", "flex") } else { $(".tygrzx_qdao").css("display", "none") } } // 优惠切换 $(".yhdj").on("click", (e) => { if ($(e.target).attr("data-in") == 1) { $($(".tygrzx_tp")[1]).css("display", "none") $($(".tygrzx_tp")[0]).css("display", "flex") $($(".yhdj")[0]).addClass("tygrzx_yhd"); $($(".yhdj")[1]).removeClass("tygrzx_yhd"); } else { $($(".tygrzx_tp")[0]).css("display", "none") $($(".tygrzx_tp")[1]).css("display", "flex") $($(".yhdj")[1]).addClass("tygrzx_yhd"); $($(".yhdj")[0]).removeClass("tygrzx_yhd"); } }) // 我的关注 $(".tygrzx_ysnav").on("click", (e) => { if ($(e.target).attr("data-in") == 1) { $($(".tygrzx_yscon")[1]).css("display", "none") $($(".tygrzx_yscon")[0]).css("display", "flex") $($(".tygrzx_ysnav")[0]).addClass("tygrzx_yhd"); $($(".tygrzx_ysnav")[1]).removeClass("tygrzx_yhd"); } else { $($(".tygrzx_yscon")[0]).css("display", "none") $($(".tygrzx_yscon")[1]).css("display", "flex") $($(".tygrzx_ysnav")[1]).addClass("tygrzx_yhd"); $($(".tygrzx_ysnav")[0]).removeClass("tygrzx_yhd"); } }) $(".tygrzx_sc").on("click", (e) => { if ($(e.target).attr("data-in") == 1) { $($(".tygrzx_sccon")[1]).css("display", "none") $($(".tygrzx_sccon")[0]).css("display", "flex") $($(".tygrzx_sc")[0]).addClass("tygrzx_yhd"); $($(".tygrzx_sc")[1]).removeClass("tygrzx_yhd"); } else { $($(".tygrzx_sccon")[0]).css("display", "none") $($(".tygrzx_sccon")[1]).css("display", "flex") $($(".tygrzx_sc")[1]).addClass("tygrzx_yhd"); $($(".tygrzx_sc")[0]).removeClass("tygrzx_yhd"); } }) // 主题内容切换 // 菜单事件 $(".naliu").on("click", () => { $(".tygrzx_left").css("left", "5%") }) $(".tygrzx_caidan").on("click", () => { $(".tygrzx_left").css("left", "-65PX") }) // 删除提示 $(".tygrzx_scsc").on("click", () => { DeletePromptve(true) }) $(".tygrzx_movesc").on("click", () => { DeletePromptve(false) }) function DeletePromptve(data) { if (data) { $(".tygrzx_move").css("display", "flex") } else { $(".tygrzx_move").css("display", "none") } } $(".tygrzx_ysqxgz").on("click", (e) => { e.preventDefault() }) function getScrollTop() { var scroll_top = 0; if (document.documentElement && document.documentElement.scrollTop) { scroll_top = document.documentElement.scrollTop; } else if (document.body) { scroll_top = document.body.scrollTop; } return scroll_top; } document.addEventListener("scroll", myFunction); function myFunction() { if (getScrollTop() > 125) { $(".pod").css("position", "fixed") $(".pod").addClass("dtip") } else if (getScrollTop() < 125) { $(".pod").css("position", "relative") $(".pod").removeClass("dtip") } }