$(function(){ // //檢查localStorage // if(localStorage.getItem("topbarSaleCloseDate")){ // let today = new Date() // let todayString = today.getFullYear() + "-" + (today.getMonth()+1) + "-" + today.getDate() // if(localStorage.getItem("topbarSaleCloseDate") != todayString){ // $(".topbar-sale").removeClass("hide") // //頂端倒數 // topbarSaleTimer() // }else{ // $(".header-01").removeClass("topbar-sale-open") // } // }else{ // $(".topbar-sale").removeClass("hide") // //頂端倒數 // topbarSaleTimer() // } //關閉倒數 同一天不再開啟 //頂端倒數 topbarSaleTimer() $(document).on("click", ".topbar-sale-closer", function(e){ e.preventDefault() $(".topbar-sale").addClass("hide") $(".header-01").removeClass("topbar-sale-open") // let today = new Date() // //月份由0~11所以要+1 // localStorage.setItem("topbarSaleCloseDate",(today.getFullYear() + "-" + (today.getMonth()+1) + "-" + today.getDate())) }) $('.search .close').on('click',function(){ $('.search').removeClass('open'); }); $(".menu_class_a, .menu_sub_a").mouseover(function(){ var pic = $(this).attr('pic'); var url = $(this).attr('url'); var href = (url)? url: 'javascript:;'; var h = (pic)? '': ''; $(this).parents('.item-subitembox').find('.picbox').html(h); }); $(".menu_sub_a").mouseout(function(){ var pic = $(this).parents('.nav-item').find('.menu_class_a').attr('pic'); var url = $(this).parents('.nav-item').find('.menu_class_a').attr('url'); var href = (url)? url: 'javascript:;'; var h = (pic)? '': ''; $(this).parents('.nav-item').find('.item-subitembox').children('.picbox').html(h); }); // //天邊=搜尋 $('.search-icon,.searchbox .show-1024').on('click',function(){ $('.search').toggleClass('open'); $('.search input').focus(); }); $(".marquee").marquee(); // $('.marquee').owlCarousel({ // loop : true, // // items : 5, // responsive:{ // 0:{ // items : 1 // }, // 1023:{ // items : 1 // } // }, // autoplay:true, // autoplayTimeout:3000, // nav :false, // navText : ['',''] // }); $(document).on("click",".Select_This_Country > li, .Select_This_Country > button",function(e){ if($(this).attr('url_flag') == '1'){ window.location = $(this).attr('url'); return false; } $.post('/my/ajax/ajax_change_country.php', {ID: $(this).attr('sid')}, function(h){ // if (typeof updatePage == "function"){ // updatePage(); // return false; // } if(h){ //$("#This_Country_Pic").attr("src","/upload_files/fonlego-rwd/website/"+h); window.location.reload(); }else{ window.location.reload(); } }, 'html'); }); $(document).on("click",".Select_This_Currency > li, .Select_This_Currency > button",function(){ $.post('/my/ajax/ajax_change_country.php', {ID: $(this).attr('sid'),Type:'currency'}, function(h){ if(h){ window.location.reload(); } }, 'html'); }); //訂閱電子報 $(document).on("click", ".epaper-btn", function(){ let parent = $(this).parents(".epaper-parent"), email = parent.find(".epaper-input") enter_str = check_tools.checkEmailNull(email); if( enter_str == "NULL" ){ alert(_jsLang.請輸入Email); return false; }else if( enter_str == "ERROR" ){ alert(_jsLang.您輸入的Email格式錯誤); return false; }else if( enter_str == "PASS" ){ $.post('/my/include/ajax/ajax_epaper-p.php', {Epaper_Email: email.val()}, function(h){ if(h.trim() == "ORDER"){ alert(_jsLang.訂閱電子報成功); email.val(''); $(".pop_close").click() } else if(h.trim() == "CANCEL"){ alert(_jsLang.取消訂閱電子報成功); email.val(''); } else if(h.trim() == "Usable"){ alert(_jsLang.訂閱電子報成功抵用券序號已寄送至您的信箱); email.val(''); } email.val(''); }, 'html'); } }); var _window = $(window); var _body = $('body'); var change_1023 = 0; var nav_item =$('#menu-nav .nav-item'); var scroll_switch=true; var body_padding = 121; var body_padding_s = 40; var userAgent = navigator.userAgent; /* 網頁loading */ // _window.on('load',function(){ // $(".loading").hide(); // }); /* 回頁首 */ $('.gotop').on('click',function(){ $("html,body").animate({scrollTop: 0},800); }); //上方廣告 var button =0; $('.top_adbox_button').on('click',function(){ if(_window.width() <= 1024){ $(".top_adbox").remove(); if(button == 1)button--; } else{ if(button==0){ $(".top_adbox").css('height', 'auto'); $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times'); $('.top_adbox .inner').stop().animate({'max-height': 800},1000,function(){ button++; }); }else{ $('.top_adbox .fa').removeClass('fa-times').addClass('fa-plus'); $('.top_adbox .inner').stop().animate({'max-height': 0},1000,function(){ button--; }); } } }); //navbar 要連動關閉的所有元素 let navItems = $(".memberbox, .searchbox-mobile, .globalbox") $(".user-icon-member").on("click", function(){ let memberbox = $(".memberbox") if(memberbox.hasClass("open")){ memberbox.removeClass("open") }else{ navItems.removeClass("open") memberbox.addClass("open") } }) $(".user-icon-search").on("click", function(){ let searchbox = $(".searchbox-mobile") if(searchbox.hasClass("open")){ searchbox.removeClass("open") $(this).removeClass("open") }else{ navItems.removeClass("open") searchbox.addClass("open") $(this).addClass("open") } }) $(".user-icon-globe").on("click", function(){ let globalbox = $(".globalbox") if(globalbox.hasClass("open")){ globalbox.removeClass("open") }else{ navItems.removeClass("open") globalbox.addClass("open") } }) var change = 0; noisePop(); /* 手機平板 */ if(_window.width() <= 1024){ //上方廣告 if($('.top_adbox').attr('tag-status') == '1'){ $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times'); $(".top_adbox").show(); }; //天邊會員登入 var member_click_n=0; $('.shopbox span.fa-user').on('click',function(){ if(member_click_n==0){ member_click_n=1; $('.userbox').addClass('open'); }else{ member_click_n=0; $('.userbox').removeClass('open'); } }); var language_click_n=0; $('.language_t').on('click','.wrapper ',function(){ if(language_click_n==0){ language_click_n=1; $('.language_t').addClass('open'); }else{ language_click_n=0; $('.language_t').removeClass('open'); } }); //天邊會員登入 var language_click_n=0; $('#language').on('click','.wrapper ',function(){ if(language_click_n==0){ language_click_n=1; $('#language').addClass('open'); }else{ language_click_n=0; $('#language').removeClass('open'); } }); //搜尋 var search_dom=$("#Top_Search"), search_n=0; search_dom.on('click', '.fa-search', function(event) { if(search_n==0){ search_n=1; search_dom.addClass('open'); }else{ search_n=0; search_dom.removeClass('open'); } }); //menu開合 $('#menu-nav .hover').removeClass('hover'); $('#menu-nav').on('click','.item-title:not(.no-pagination)',function(){ var n = $(this).parent(".open").length; $('#menu-nav .nav-item').removeClass('open'); //$('#menu-nav .menu-item').removeClass('open-sub'); $('.hall-content .wrapper').removeClass('open1'); if(n == 0){ let navitem = $(this).parent(".nav-item"), firstCollapseItem = navitem.find(".submenu-wrapper .m-item-title.menu-arrow").first() //firstCollapseItem.parents(".menu-item").addClass("open-sub") navitem.addClass('open'); } }).on(' click','.subtitle',function(){ var n = $(this).parent(".open-sub").length; //$('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ //$(this).parent(".menu-item").addClass('open-sub'); } }).on(' click','.menu-item.big-title',function(){ var n = $(this).parent(".open1").length; //$('#menu-nav .menu-item').removeClass('open-sub'); $(this).parent(".hall-content .wrapper").removeClass('open1'); if(n == 0){ $(this).parent(".hall-content .wrapper").addClass('open1'); } }); $("#menu-nav").on("click", ".submenu-title", function(){ $(this).parents(".nav-item").removeClass("open") }) }else{ //上方廣告 if($('.top_adbox').attr('tag-status') == '1'){ $(".top_adbox").show(); $(".top_adbox_button").trigger('click'); }; } /* 手機 */ if(_window.width() <= 480 && change_1023 != 480){ change_1023 = 480; body_padding = 50; /* 平板 */ }else if(_window.width() > 480 && _window.width() <= 1024 && change_1023 != 1023){ change_1023 = 1023; body_padding = 75; body_padding_s = 50; nav_item.find('.subitem').attr('type','checkbox'); /* 電腦 */ }else if(_window.width() > 1023 && change_1023 != 1200){ change_1023 = 1200; body_padding = 121; body_padding_s = 40; $('.menu-002 .menu-item:nth-child(2)').addClass('hover'); $('.menu-002').on('mouseenter','.subtitle',function(){ // console.log($('menu-item .hover')); $('.menu-002').find('.hover').removeClass('hover'); $(this).parents('.menu-item').addClass('hover'); }).on('mouseleave',function(){ $('.menu-002').find('.hover').removeClass('hover'); $('.menu-002 .menu-item:nth-child(2)').addClass('hover'); }); //天邊會員登入hover下拉 $('.shopbox span.fa-user').on('mouseenter',function(){ $('.userbox').addClass('open'); }); //天邊購物車hover下拉 $('.shopbox #Shop_Cart_Total').on('mouseenter',function(){ $("#Header_Shopcart").load('/my/ajax/ajax_get_cart.php',''); //讓購物車能靠右邊 let offset = $(window).width() - ($(".shopbox.icon-wrapper").offset().left+$(".shopbox.icon-wrapper").outerWidth(false)) $('.shopping-cartbox').css({"right": -offset}) $('.shopping-cartbox').addClass('open'); }); $('.shopbox').on('mouseleave',function(){ var _this_user=$(this).find('.userbox'), _this_shop=$(this).find('.shopping-cartbox'); if(_this_user.length==1){ $('.userbox').removeClass('open'); }else if(_this_shop.length==1){ $('.shopping-cartbox').removeClass('open'); } }); //hover menu-item change subitem height $('#menu-nav .nav-item').hover(function(){ var subitemboxheight = $(this).find('.menu-002 .hover .subitembox').outerHeight(); if($(this).has('hover')){ if(subitemboxheight>340){ $(this).find('.menu-002').css({'min-height':subitemboxheight+1}); } } },function(){ $('.menu-002').removeAttr('style'); }); $('#menu-nav .menu-002 .menu-item').hover(function(){ if($(this).hasClass('hover')){ var subitemboxheight = $(this).find('.subitembox').outerHeight(); if(subitemboxheight>340){ $(this).parents('.menu-002').css({'min-height':subitemboxheight+1}); } } }); } var time_id; _window.on('resize',function(){ clearTimeout(time_id); _window = $(window); // noisePop(); if(_window.width() < 1024){ $('#menu-nav').off('click') //menu開合 $('#menu-nav').on('click','.item-title:not(.no-pagination)',function(){ var n = $(this).parent(".open").length; $('#menu-nav .nav-item').removeClass('open'); //$('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ let navitem = $(this).parent(".nav-item"), firstCollapseItem = navitem.find(".submenu-wrapper .m-item-title.menu-arrow").first() //firstCollapseItem.parents(".menu-item").addClass("open-sub") navitem.addClass('open'); } }).on(' click','.subtitle',function(){ var n = $(this).parent(".open-sub").length; //$('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ //$(this).parent(".menu-item").addClass('open-sub'); } }); $("#menu-nav").on("click", ".submenu-title", function(){ $(this).parents(".nav-item").removeClass("open") }) } if(_window.width() <= 480 && change_1023 != 480){ change_1023 = 480; body_padding = 50; var scrollTop = _window.scrollTop(); // if(scrollTop>0){ // _body.css('padding-top',body_padding_s+'px'); // }else{ // _body.css('padding-top',body_padding+'px'); // } }else if(_window.width() > 480 && _window.width() <= 1024 && change_1023 != 1023){ change_1023 = 1023; body_padding = 75; body_padding_s = 50; var scrollTop = _window.scrollTop(); nav_item.find('.subitem').attr('type','checkbox'); // if(scrollTop>0){ // _body.css('padding-top',body_padding_s+'px'); // }else{ // _body.css('padding-top',body_padding+'px'); // } $('.menu-item .subtitle').off('mouseenter'); $('.menu-002').off('mouseleave'); }else if(_window.width() > 1023 && change_1023 != 1200){ change_1023 = 1200; body_padding = 121; body_padding_s = 40; var scrollTop = _window.scrollTop(); nav_item.find('.subitem').attr('type','radio'); $('#menu-nav').off('click','.item-title:not(.no-pagination)') //上方廣告 $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times'); $('.top_adbox_button').on('click',function(){ $('.top_adbox').remove(); }); $('.search').removeAttr('style'); $('.shopbox span.fa-user,.shopbox .fa-shopping-cart').off('mouseenter'); //天邊會員登入 var member_click_n=0; $('.shopbox span.fa-user').on('click',function(){ if(member_click_n==0){ member_click_n=1; $('.userbox').addClass('open'); }else{ member_click_n=0; $('.userbox,.shopping-cartbox').removeClass('open'); } }); $('.shopbox').off('mouseleave'); //off submenu-item 自動調整高度 $('#menu-nav .nav-item').off('hover'); $('#menu-nav .menu-002 .menu-item').off('hover'); $('#menu-nav .menu-item .hover').removeClass('hover'); //menu開合 $('#menu-nav').on('click','.item-title:not(.no-pagination)',function(){ var n = $(this).parent(".open").length; $('#menu-nav .nav-item').removeClass('open'); //$('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ let navitem = $(this).parent(".nav-item"), firstCollapseItem = navitem.find(".submenu-wrapper .m-item-title.menu-arrow").first() //firstCollapseItem.parents(".menu-item").addClass("open-sub") navitem.addClass('open'); } }).on(' click','.subtitle',function(){ var n = $(this).parent(".open-sub").length; //$('#menu-nav .menu-item').removeClass('open-sub'); if(n == 0){ //$(this).parent(".menu-item").addClass('open-sub'); } }); $("#menu-nav").on("click", ".submenu-title", function(){ $(this).parents(".nav-item").removeClass("open") }) // if(scrollTop>0){ // _body.css('padding-top',body_padding_s+'px'); // }else{ // _body.css('padding-top',body_padding+'px'); // } $('.menu-002 .menu-item:nth-child(2)').addClass('hover'); $('.menu-item .subtitle').on('mouseenter',function(){ //console.log($('menu-item .hover')); $('.menu-item.hover').removeClass('hover'); $(this).parents('.menu-item').addClass('hover'); }); $('.menu-002').on('mouseleave',function(){ $('.menu-item.hover').removeClass('hover'); $('.menu-002 .menu-item:nth-child(2)').addClass('hover'); }); $('.shopbox span.fa-user').off('click'); //天邊會員登入 $('.shopbox span.fa-user').on('mouseenter',function(){ $('.userbox').addClass('open'); }); //天邊購物車hover下拉 $('.shopbox .fa-shopping-cart').on('mouseenter',function(){ $("#Header_Shopcart").load('/my/ajax/ajax_get_cart.php',''); $('.shopping-cartbox').addClass('open'); }); $('.shopbox').on('mouseleave',function(){ $('.userbox,.shopping-cartbox').removeClass('open'); }); //移除menu開合事件 $('#menu-nav').off('click','.item-title').off('click','.subtitle'); //hover menu-item subitem 自動調整高度 $('#menu-nav .nav-item').hover(function(){ var subitemboxheight = $(this).find('.menu-002 .hover .subitembox').outerHeight(); if($(this).has('hover')){ if(subitemboxheight>340){ $(this).find('.menu-002').css({'min-height':subitemboxheight+1}); } } },function(){ $('.menu-002').removeAttr('style'); }); $('#menu-nav .menu-002 .menu-item').hover(function(){ if($(this).hasClass('hover')){ var subitemboxheight = $(this).find('.subitembox').outerHeight(); if(subitemboxheight>340){ $(this).parents('.menu-002').css({'min-height':subitemboxheight+1}); } } }); } }); //gotop按鈕 is-sticky header顯示 var scrollTemp = 0 //用來判斷上下捲動 $(window).on('scroll', function(event) { let header = $(".header-01"), headerPadding = $("#headerPadding") var scrollTop = $(window).scrollTop() if(scrollTop>0 && ($(document).height() - $(window).height()) > headerPadding.outerHeight()){ $(".gotop").css("opacity","1"); $("body").addClass('is-sticky'); // _body.css('padding-top',body_padding_s+'px'); }else{ $(".gotop").css("opacity","0"); $("body").removeClass('is-sticky'); // _body.css('padding-top',body_padding+'px'); } if($(window).width() > 1024){ if(scrollTop > scrollTemp && scrollTop > header.height() && !$(".navBox").hasClass("open-nav")){ header.css({ "transform": "translateY(-"+header.height()+"px)" }) scrollTemp = scrollTop }else if(scrollTop < scrollTemp){ header.css({ "transform": ""//取消樣式 }) scrollTemp = scrollTop } } }); var nav_n = false; $('.menu-b').on('click',function(){ if(!nav_n){ nav_n = true; $('.nav-bg,.navBox').addClass('open-nav'); $('body').addClass('overflow-hidden'); }else{ nav_n = false; $('.nav-bg,.navBox').removeClass('open-nav'); $('body').removeClass('overflow-hidden'); } }); $('.nav-bg').on('click',function(){ nav_n = false; $('.nav-bg,.navBox').removeClass('open-nav'); $('body').removeClass('overflow-hidden'); }); $('.footer_menu').on('click','.menu-item',function(){ $(this).addClass('open'); }); $('.footer_menu').on('click','.open',function(){ $(this).removeClass('open'); }); $("#Noise_Pop").on("click",".fa-times",function(e){ e.preventDefault(); $.ajax({ url:"/my/ajax/ajax_get_noisePop.php", type:"POST", cache:false, async:false, data:{Type:'Cancel'}, error:function(d){ alert(_jsLang.網路連線過慢網頁請重新整理); }, success:function(d){ $("#Noise_Pop").remove(); } }); }); //點擊率 $(".HITS_BT").on("click",function(e){ e.preventDefault(); if( $.isNumeric($(this).attr('hid')) && $.isNumeric($(this).attr('hdid')) ){ var hid = $(this).attr('hid'); var hdid = $(this).attr('hdid'); var url = $(this).attr('href'); var target = $(this).attr('target'); $.ajax({ url:"/my/ajax/ajax_add_ad_hits-p.php", type:"POST", cache:false, async:false, data:{Hid: hid , Hdid : hdid}, error:function(d){ alert(_jsLang.網路連線過慢網頁請重新整理); }, success:function(d){ if(url){ if(target == '_blank'){ window.open(url); }else if( ( typeof target === 'undefined' ) || (target == '') ){ window.location = url; }else{ } } } }); }else{ alert(_jsLang.這是錯誤的連結); } }); //讚數加減 $(".Thumbs_BT").on("click",function(e){ e.preventDefault(); if( $.isNumeric($(this).attr('pdid')) ){ var h = $(this); var ID = h.attr('pdid'); var Type = (h.attr('tbup')==1)?'Sub':'Add'; $.ajax({ url:"/my/ajax/ajax_add_thumbs-p.php", type:"POST", cache:false, async:false, dataType:"json", data:{Type: Type , ID : ID}, error:function(d){ alert(_jsLang.網路連線過慢網頁請重新整理); }, success:function(d){ if(d.Thumbs_Up=='1'){ $('.content').find('.Thumbs'+ID).attr('tbup','1'); $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').removeClass('fa-thumbs-o-up'); $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').addClass('fa-thumbs-up'); }else{ $('.content').find('.Thumbs'+ID).attr('tbup','0'); $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').removeClass('fa-thumbs-up'); $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').addClass('fa-thumbs-o-up'); } $('.content').find('.Thumbs'+ID).find('.Thumbs_Num').html(d.Thumbs_Num); } }); }else{ alert(_jsLang.這是錯誤的連結); } }); //點擊清空輸入框 $(".CLEAR_INPUT").one("click", function(){ $(this).attr('placeholder',''); }); //語系選擇 $(".Select_This_Lang").on("click","li,label, .lang-item",function(){ $.post('/my/ajax/ajax_change_language.php', {Name: $(this).attr('sid')}, function(h){ window.location.reload(); /*if (typeof updatePage == "function"){ updatePage(); return false; } if(h){ window.location.reload(); }*/ }, 'html'); }); // $("#keywords").autocomplete({ // source: function( request, response ) { // $.ajax({ // url: "/my/ajax/ajax_get_keyword.php", // dataType: "json", // type:"POST", // data: { // search: request.term // }, // error:function(d){ // alert('網路連線過慢,網頁請重新整理'); // }, // success: function( data ) { // response( data ); // } // }); // } // }); //貨到通知改為連至門市 $(document).on('click','.informForPorter',function(){ window.location.href = '/my/'+$("#Website_Mall_ID").val()+'/store/'; }); //貨幣(國旗)選擇展開 $(document).on("click",".globalbox-change-current", function(){ $(".globalbox-change-select").removeClass("open") $(this).parents(".globalbox-change-wrapper").find(".globalbox-change-select").addClass("open") }) //貨幣(國旗)選擇折疊 $(document).on("mouseleave",".globe-lang", function(){ $(this).find(".globalbox-change-select").removeClass("open") }) $(document).on("click",".globe-lang", function(e){ if(!$(e.target).hasClass("globalbox-change-current")){ $(this).find(".globalbox-change-select").removeClass("open") } }) //嘗試修復owl-carousel物件在螢幕頂端時拉動會觸發iphone的rubber band(橡皮筋)效果導致螢幕亂晃 var touchPositionX, touchPositionY document.addEventListener("touchstart", function(e){ touchPositionX = e.touches[0].clientX touchPositionY = e.touches[0].clientY },{passive:false}) document.addEventListener("touchmove", function(e){ var touchPositionXnow = e.touches[0].clientX, touchPositionYnow = e.touches[0].clientY, slope = (touchPositionY - touchPositionYnow) / (touchPositionX - touchPositionXnow)//斜率 if(($(e.target).parents(".owl-carousel").length > 0) && ($(window).scrollTop() < 200) && (slope < 3) && (slope > -3)){ e.preventDefault() } },{passive:false}) //============================== // 國別彈窗 start //============================== $(".cpop-wrapper").on("click", ".cpop-close", function(){ $(".cpop-wrapper").removeClass("open") }) $(".cpop-wrapper").on("click", ".cpop-change-current", function(){ $(".cpop-change-select").removeClass("open") $(this).parents(".cpop-change-group").find(".cpop-change-select").addClass("open") }) $(".cpop-wrapper").on("click", function(e){ if(!$(e.target).hasClass("cpop-change-current") && !$(e.target).hasClass("cpop-change-option")){ $(this).find(".cpop-change-select").removeClass("open") } }) $(".cpop-wrapper").on("click", ".cpop-change-option", function(e){ let group = $(this).parents(".cpop-change-group") group.find(".cpop-change-select").removeClass("open") group.find(".cpop-change-option").removeClass("now") $(this).addClass("now") group.find(".cpop-change-current").text($(this).text()) }) $(".cpop-wrapper").on("click", ".cpop-save", function(){ let data = { "country": $(".ship-group .now").attr("sid") } $.ajax({ url:"/my/ajax/ajax_change_site.php", type:"POST", cache:false, asyns:false, dataType:"json", data:data, success: function(d){ if(d.href){ window.location.href = d.href } } }) }) //============================== // 國別彈窗 end //============================== }); function noisePop(){ if($(window).width()>= 961){ nosise_animate = true; var n = 30;//最大值 var r = Math.floor(Math.random()*n)+1; setTimeout(function(){ $.ajax({ url:"/my/ajax/ajax_get_noisePop.php", type:"POST", cache:false, async:false, data:{Type:'GET'}, success:function(d){ if(d){ $("#Noise_Pop").prepend(d); setTimeout(function(){ $("#Noise_Pop .noise_box:last").remove(); },5000); setTimeout(function(){ noisePop(); },r*1100); } } }); },r*1000); } } var _masonry_set = { columnWidth: 15, itemSelector: '.menu-item', gutter: 20, transitionDuration: 0 }; $('.nav-item').find('.item-subitembox .menu1-left').each(function() { if ($(this).find('.menu-item').length <= 2) { $(this).addClass('no-after'); } }) $(window).resize(function() { if ($(window).width() <= 1024) { $('.nav-item').off('mouseenter'); $('.nav-item').find('.item-subitembox').each(function() { $(this).removeAttr('style'); }) } else { } }) if ($(window).width() <= 1024) { $('.nav-item').find('.item-subitembox').each(function() { $(this).removeAttr('style'); }) } else { } $(".table-center").find(function(){ $(".menu_sub_a").parents(".subitembox").prevAll(".m-item-title").addClass("show-fa"); $(".menu_sub_a").parents(".subitembox").prevAll(".m-item-sub").addClass("show-fa"); }) $('main').on('click', '.club-aside', function(event) { $('body').css('position','fixed'); }); $('main').on('click', '.close-m', function(event) { $('body').removeAttr('style'); }); function topbarSaleTimer(){ if($(".topbar-sale.theme-countdown").length > 0){ var num = parseInt($(".topbar-sale").data("time"),10) setInterval(function(){ num--; if(num <= 0) { window.location.reload(); } let num2 = 0 let hour = Math.floor(num / 3600) num2 = num % 3600 let min = Math.floor(num2 / 60) num2 = num2 % 60 let second = num2 $(".topbar-sale-timerhour .topbar-sale-timernum").text(timeAddZero(hour)); $(".topbar-sale-timerminute .topbar-sale-timernum").text(timeAddZero(min)); $(".topbar-sale-timersecond .topbar-sale-timernum").text(timeAddZero(second)); },1000); } } function timeAddZero(time){ //沒2位數就補0 return (time.toString().length < 2)? "0" + time.toString() : time.toString() } // ========================================================== // 會員中心側欄 // ========================================================== ;(function($) { let memberStep = '' // 下拉折疊 $('.side-menu').on('click', '.with-child > .link', function(e) { e.preventDefault() $(this).parents('.with-child').toggleClass('in-open') .siblings('.with-child').removeClass('in-open') }) $(window).on('resize', function(e) { e.preventDefault() if($(this).width() >= 992 && memberStep !== 'desktop') { memberStep = 'desktop' $('.club-aside[for=member_aside]').off('click') $('.side-wrapper').off('click') $('body').removeClass('sidemenu-open') } else if($(this).width() < 992 && memberStep !== 'mobile') { memberStep = 'mobile' $('.club-aside[for=member_aside]').on('click', function(e) { e.preventDefault() $('body').addClass('sidemenu-open') }) $('.side-wrapper').on('click', function(e) { if(e.target === e.currentTarget || $(e.target).hasClass('side-closer')) { $('body').removeClass('sidemenu-open') } }) } }) $(window).trigger('resize') })($) /*影片效果*/ function videoBox(){ const videoTarget = document.getElementById("Video") const canvas = document.getElementById("video_review") const paintInfo = { width: 500, height: 640, } //影片預覽圖 if(videoTarget){ canvas.width = paintInfo.width canvas.height = paintInfo.height canvasPaint() } // 影片繪製 function canvasPaint() { canvas.getContext('2d').drawImage(videoTarget, 0, 0, paintInfo.width, paintInfo.height); requestAnimationFrame(canvasPaint) } }