</ iframe ></noscript> <!--End Google Tag Manager(noscript)--> <div id="header"> <div class="top-nav"> <div class="w1200"> <div class="top-left float-l"> <div class="ad_custom cssEdite" type="custom" id="ads_1" ><a href="#">收藏本站</a></div> <span style="display: none;"> </span> </div> <div class="top-right float-r top1_r"> <ul> <li> 您好，歡迎光臨O.U Music 全方位音樂網站 </li> <li> <a id="CountDownProductsDetails_ctl00___linkMyAccount" href="/Register">註冊</a> </li> <li id="liLinkLogin"> <a href="/User/login?ReturnUrl=/CountDownProductsDetails?countDownId=1080">登入</a><input type="hidden" id="hidIsLogin" value="0"/></li> <li class="fore3"> </li> <li>|</li> <li id="xinren_Frame"> <em onmouseover="Showxinren_tab();" onmouseout="Hiddenxinren_tab();">快速登入</em> <div id="xinren_tab" onmouseover="Showxinren_tab();" onmouseout="Hiddenxinren_tab();"> <div class="xinren_tab_tishi">您還可以使用以下帳號</div> <a href="/OpenId/RedirectLogin.aspx?ot=xapp.plugins.openid.facebook.facebookservice"><img src="/plugins/openid/images/xapp.plugins.openid.facebook.facebookservice2.gif" alt="FaceBook登入" /> </a><a href="/OpenId/RedirectLogin.aspx?ot=xapp.plugins.openid.line.lineservice"><img src="/plugins/openid/images/xapp.plugins.openid.line.lineservice2.gif" alt="Line登入" /> </a> </div> </li> <li>|</li> <li> <a href="/User/UserOrders">訂單查詢</a> </li> <li> <div class="app-icon dt cw-icon"><em><a href="javascript:;">APP</a><i><img src="/templates/master/cyanine/images/jiantou_03.png"></i></em></div><div class="dorpdown-layer"><img src="/Storage/master/QRCode/oumusic.com.tw_appdownload.png" /></div></li> </ul> </div> </div> </div> <div class="w1200 pt20 o-hidden c-both"> <div class="logo float-l"> <div class="logo cssEdite" type="logo" id="logo_1" > <a href="/"> <img src="/utility/pics/202012271229343611580.png" /> </a> </div> </div> <div class="logoad"> <div class="adv_image cssEdite" type="image" id="ads_17" > <a target="_blank" href="https://www.oumusic.com.tw/Register"><img src="/templates/master/cyanine/UploadImage/advertimg/20180126220630_0941.png" /></a> </div> </div> <div class="float-l"> <div class="search"> <input type="text" id="txt_Search_Keywords" class="search_text" /> <input type="button" value="搜索" onclick="searchs()" class="search_btn" /> <script type="text/javascript"> function searchs() { var item = $("#drop_Search_Class").val(); var key = $("#txt_Search_Keywords").val(); if (key == undefined) key = ""; key = key.replace(/&/g, '&').replace(/"/g, '"').replace(/'/g, ''').replace(/</g, '<').replace(/>/g, '>'); var url = "/SubCategory?keywords=" + encodeURIComponent(key); if (item != undefined) url += "&categoryId=" + item; window.location.href = url; } $(document).ready(function () { $('#txt_Search_Keywords').keydown(function (e) { if (e.keyCode == 13) { searchs(); return false; } }) }); </script> </div> <div class="hot-key"> <em>熱門關鍵字：</em> <ul class="keyword cssEdite" type="keyword" id="comments_1" > </ul> </div> </div> <div class="buycart float-r"> <a href="/ShoppingCart.aspx"> <span>購物車<em id='spanCartNum'>0</em>件</span> </a> </div> </div> <div class="nav c-both"> <div class="nav-l"> <div class="all float-l"> <h2> 全部商品分類</h2> <div class="my_left_category float-l"> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl00$hidMainCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl00_hidMainCategoryId" value="10" /> <div class="my_left_cat_list"> <div id='twoCategory_10' class="h2_cat"> <h3><em> <img class="size" src="" /> </em><a href='/browse/category/10'>編曲系列線上課程</a> </h3> <em style="display: none;"> <a href='/browse/category/17'>系統化套裝課程</a> <a href='/browse/category/23'>單一系統課程</a> </em> <div class="h3_cat" id='threeCategory_10'> <div class="shadow"> <div class="shadow_border"> <span class="brand"> <h5 style="display: none;">品牌推薦：<b><a href='/Brand'>更多品牌>></a></b></h5> </span> <span class="category"> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl00$recordstwo$ctl00$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl00_recordstwo_ctl00_hidTwoCategoryId" value="17" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/17'>系統化套裝課程</a></div> </h4> <div class="fthree"> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl00$recordstwo$ctl01$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl00_recordstwo_ctl01_hidTwoCategoryId" value="23" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/23'>單一系統課程</a></div> </h4> <div class="fthree"> <span><a href='/browse/category/24'>樂理與和弦</a> </span> <span><a href='/browse/category/25'>流行音樂創作類</a> </span> <span><a href='/browse/category/26'>編曲軟體學習</a> </span> <span><a href='/browse/category/27'>配器系統編曲法類</a> </span> <span><a href='/browse/category/28'>實戰編曲類</a> </span> </div> </div> </span> </div> </div> </div> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl01$hidMainCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl01_hidMainCategoryId" value="32" /> <div class="my_left_cat_list"> <div id='twoCategory_32' class="h2_cat"> <h3><em> <img class="size" src="" /> </em><a href='/browse/category/32'>樂器類線上教學課程</a> </h3> <em style="display: none;"> <a href='/browse/category/33'>鋼琴自彈自唱100課</a> <a href='/browse/category/34'>小朋友學鋼琴彈奏</a> </em> <div class="h3_cat" id='threeCategory_32'> <div class="shadow"> <div class="shadow_border"> <span class="brand"> <h5 style="display: none;">品牌推薦：<b><a href='/Brand'>更多品牌>></a></b></h5> </span> <span class="category"> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl01$recordstwo$ctl00$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl01_recordstwo_ctl00_hidTwoCategoryId" value="33" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/33'>鋼琴自彈自唱100課</a></div> </h4> <div class="fthree"> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl01$recordstwo$ctl01$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl01_recordstwo_ctl01_hidTwoCategoryId" value="34" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/34'>小朋友學鋼琴彈奏</a></div> </h4> <div class="fthree"> </div> </div> </span> </div> </div> </div> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl02$hidMainCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl02_hidMainCategoryId" value="13" /> <div class="my_left_cat_list"> <div id='twoCategory_13' class="h2_cat"> <h3><em> <img class="size" src="" /> </em><a href='/browse/category/13'>錄音與編曲設備</a> </h3> <em style="display: none;"> <a href='/browse/category/31'>O.U Music 獨家電容式麥克風</a> <a href='/browse/category/15'>MIDI鍵盤類</a> <a href='/browse/category/16'>監聽耳機類</a> <a href='/browse/category/30'>監聽喇叭</a> <a href='/browse/category/35'>最高CP值宅錄套裝設備</a> <a href='/browse/category/36'>Podcast設備</a> <a href='/browse/category/29'>錄音介面類</a> </em> <div class="h3_cat" id='threeCategory_13'> <div class="shadow"> <div class="shadow_border"> <span class="brand"> <h5 style="display: none;">品牌推薦：<b><a href='/Brand'>更多品牌>></a></b></h5> </span> <span class="category"> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl02$recordstwo$ctl00$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl02_recordstwo_ctl00_hidTwoCategoryId" value="31" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/31'>O.U Music 獨家電容式麥克風</a></div> </h4> <div class="fthree"> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl02$recordstwo$ctl01$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl02_recordstwo_ctl01_hidTwoCategoryId" value="15" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/15'>MIDI鍵盤類</a></div> </h4> <div class="fthree"> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl02$recordstwo$ctl02$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl02_recordstwo_ctl02_hidTwoCategoryId" value="16" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/16'>監聽耳機類</a></div> </h4> <div class="fthree"> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl02$recordstwo$ctl03$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl02_recordstwo_ctl03_hidTwoCategoryId" value="30" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/30'>監聽喇叭</a></div> </h4> <div class="fthree"> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl02$recordstwo$ctl04$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl02_recordstwo_ctl04_hidTwoCategoryId" value="35" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/35'>最高CP值宅錄套裝設備</a></div> </h4> <div class="fthree"> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl02$recordstwo$ctl05$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl02_recordstwo_ctl05_hidTwoCategoryId" value="36" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/36'>Podcast設備</a></div> </h4> <div class="fthree"> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl02$recordstwo$ctl06$hidTwoCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl02_recordstwo_ctl06_hidTwoCategoryId" value="29" /> <div class="fenlei_jianduan"> <h4> <div style="width: 130px;"><a href='/browse/category/29'>錄音介面類</a></div> </h4> <div class="fthree"> </div> </div> </span> </div> </div> </div> </div> </div> <input name="CountDownProductsDetails$ctl00$_$Common_CategoriesWithWindow$_$recordsone$ctl03$hidMainCategoryId" type="hidden" id="CountDownProductsDetails_ctl00___Common_CategoriesWithWindow___recordsone_ctl03_hidMainCategoryId" value="11" /> <div class="my_left_cat_list"> <div id='twoCategory_11' class="h2_cat"> <h3><em> <img class="size" src="" /> </em><a href='/browse/category/11'>混音系列課程</a> </h3> <em style="display: none;"> </em> <div class="h3_cat" id='threeCategory_11'> <div class="shadow"> <div class="shadow_border"> <span class="brand"> <h5 style="display: none;">品牌推薦：<b><a href='/Brand'>更多品牌>></a></b></h5> </span> <span class="category"> </span> </div> </div> </div> </div> </div> </div> </div> <div class="nav2 float-l" id="ty_menu_title"> <ul> <li class="home"><a href="/"><span>首頁</span></a></li> <li class="abc"><a href='/browse/category/10'><span>編曲系列線上課程</span></a> <ul> <li> <h3><a href='/browse/category/17'>系統化套裝課程</a></h3> <div> </div> </li> <li> <h3><a href='/browse/category/23'>單一系統課程</a></h3> <div> <a href='/browse/category/24'>樂理與和弦</a> <a href='/browse/category/25'>流行音樂創作類</a> <a href='/browse/category/26'>編曲軟體學習</a> <a href='/browse/category/27'>配器系統編曲法類</a> <a href='/browse/category/28'>實戰編曲類</a> </div> </li> </ul> </li> <li> <a target="_blank" href="http://www.oumusic.com.tw/Topics?TopicId=26"><span>編曲線上課程</span></a></li><li> <a href="/SubCategory.aspx?keywords=&minSalePrice=&maxSalePrice=&categoryId=32&brand=&TagIds="><span>學鋼琴專區</span></a></li><li> <a href="/SubCategory.aspx?keywords=&minSalePrice=&maxSalePrice=&categoryId=13&brand=&TagIds="><span>宅錄設備專區</span></a></li><li> <a target="_blank" href="http://www.oumusic.com.tw/Topics?TopicId=28"><span>客製化音樂</span></a></li><li> <a target="_blank" href="https://www.oumusic.com.tw/Topics?TopicId=43"><span>創業故事</span></a></li> </ul> </div> </div> </div> </div> <script> $(".all").hover(function () { $(".my_left_category").css({ 'display': 'block' }); }, function () { $(".my_left_category").css({ 'display': 'none' }); }); // $(function(){ $(".h2_cat").each(function () { $(this).hover(function () { if ($(this).hasClass('active_cat')) { $(this).removeClass("active_cat"); } else { $(this).addClass('active_cat'); } }); }); //}) $(document).ready(function () { $('.dialog_title_r').click(function () { $('.login_tan').hide(); $('.modal_qt').hide(); }) var hidIsLogin = $("#hidIsLogin"); if (hidIsLogin.val() == "1") { $("#liLinkLogin").addClass("fore3"); } else { $("#liLinkLogin").removeClass("fore3"); } }); </script> <!--xinren--> <script type="text/javascript"> function Showxinren_tab() { document.getElementById("xinren_tab").style.display = "block"; } function Hiddenxinren_tab() { document.getElementById("xinren_tab").style.display = "none"; } </script> <!--fenxiang--> <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1350294149446525" charset="utf-8"></script> <div class="MSG" > <div class="LINE" > <a href="https://line.me/ti/p/@umg4242p" target="_blank"><span>Line詢問 </span><img src="/templates/master/cyanine/images/line.png" width="45" /> </a> </div> <div class="FBM" > <a href="https://www.facebook.com/messages/t/XAPP.TAIWAN" target="_blank"><span>Facebook詢問 </span><img src="/templates/master/cyanine/images/FBM.png" width="45" /> </a> </div> </div> <!--右側貼邊導航quick_links.js控制--> <div class="J-global-toolbar"> <div class="toolbar-wrap J-wrap"> <div class="toolbar"> <div class="toolbar-panels J-panel"> <div style="visibility: hidden;" class="J-content toolbar-panel tbar-panel-history toolbar-animate-in"> <h3 class="tbar-panel-header J-panel-header"> <em class="title"><a href="/ShoppingCart.aspx" target="_blank">可領用優惠券</a></em> </h3> <div class="tbar-panel-main"> <div class="tbar-panel-content J-panel-content"> <div class="jt-history-wrap"> <ul></ul> </div> </div> </div> <div class="tbar-panel-footer J-panel-footer"></div> </div> </div> <div class="toolbar-header"></div> <div class="toolbar-tabs J-tab"> <div class="toolbar-tab tbar-tab-cart1" id="shopCart"> <a href="/user/UserDefault.aspx"> <i class="tab-ico"> <img src="/templates/pccommon/images/new/icon_03.png" /></i> <em class="tab-text ">會員中心</em> </a> </div> <div class=" toolbar-tab tbar-tab-follow1"> <a href="/ShoppingCart.aspx" target="_blank"> <i class="tab-ico"> <img src="/templates/pccommon/images/new/icon_06.png" /></i> <em class="tab-text">購物車</em> </a> </div> <div class=" toolbar-tab tbar-tab-history" onclick="loadCoupons();"> <i class="tab-ico"> <img src="/templates/pccommon/images/new/icon_08.png" /></i> <em class="tab-text coupon2">優惠券</em> </div> <div id="CountDownProductsDetails_ctl01___divappdownload" class=" toolbar-tab tbar-tab-appcoupons" clientidmodel="static"> <i class="tab-qrcode"> <img src="/templates/pccommon/images/new/Layer.png" /> </i> <em class="tab-text coupon3"></em> </div> </div> <div class="toolbar-footer"> <div class="toolbar-tab tbar-tab-top"> <a id="returnTop"> <i class="tab-ico "> <img src="/templates/pccommon/images/new/jiantou.png" /></i> <em class="footer-tab-text">頂部</em> </a> </div> </div> <div class="toolbar-mini"></div> </div> <div id="J-toolbar-load-hook"></div> </div> </div> <div class="login_tan" id="DivLogin" style="display: none;"> <div class="dialog_title"> <div class="dialog_title_l"><span>您尚未登入，請登入</span></div> <div class="dialog_title_r" id="imgCloseLogin"></div> </div> <div class="dialog_cartitem"> <input type="text" name="textfield" id="textfieldusername_right" placeholder="電子信箱/手機號碼" class="login_tan_input1" /> <input type="password" name="textfield2" id="textfieldpassword_right" placeholder="密碼" class="login_tan_input2" /> <div class="info"> <a href="/register.aspx" class="register">我要註冊</a> <a href="/ForgotPassword.aspx">忘記密碼?</a> </div> <div class="btnbar"> <input type="button" name="button" id="btnLogin" value="登 入 " class="login_tan_input3" /> </div> </div> </div> <input type="hidden" id="lockSend" value="0" /> <div id="flyItem" class="fly_item"> <img src="/templates/pccommon/images/new/youhuiquan.png" width="37" height="22"> </div> <script type="text/javascript" src="/templates/pccommon/script/parabola.js"></script> <script> </script> <script> var isloadedCoupons = false; var bg = "<div class='modal_qt'></div>"; var wantCouponId = 0; // 元素以及其他一些變量 var eleFlyElement = document.querySelector("#flyItem"), eleShopCart = document.querySelector("#shopCart"); var numberItem = 0; // 拋物線運動 var myParabola = funParabola(eleFlyElement, eleShopCart, { speed: 400, //拋物線速度 curvature: 0.0008, //控制拋物線弧度 complete: function () { eleFlyElement.style.visibility = "hidden"; //eleShopCart.querySelector("span").innerHTML = ++numberItem; } }); $(document).ready(function () { //如果沒有APP下載二維碼，則不顯示小圖標 if ($(".coupon3").text().length == 0) { $(".tab-qrcode").parent().hide(); } $("#lockSend").val("0"); $('#returnTop').click(function () { $('body,html').animate({ scrollTop: 0 }, 1000) }); $("#btnLogin").bind("click", function () { Login(); }); $("#imgCloseLogin").bind("click", function () { $("#DivLogin").hide(); $(".modal_qt").remove(); }); }); // 加載優惠券 function loadCoupons() { if (isloadedCoupons) return; isloadedCoupons = true; $('.jt-history-wrap ul').empty(); var currenturl = window.location.href; currenturl = currenturl.toLowerCase(); var productId = '0'; var IsGroup = "false"; var IsPanicBuying = "false"; if (currenturl.indexOf('/product_detail') > -1) { productId = currenturl.substring(currenturl.indexOf('product_detail') + 15).replace('.aspx', ''); } if (currenturl.indexOf('/productdetail') > -1) { productId = getParam("productId"); } if (currenturl.indexOf('/groupbuyproductdetails') > -1) { IsGroup = "true"; productId = getParam("groupBuyId"); } if (currenturl.indexOf('/countdownproductsdetails') > -1) { IsPanicBuying = "true"; productId = getParam("countDownId"); } if (currenturl.indexOf('/groupbuyproduct') > -1) { IsGroup = "true"; } if (currenturl.indexOf('/countdownproduct') > -1) { IsPanicBuying = "true"; } $.ajax({ url: "/Handler/RegionHandler.ashx", type: 'post', dataType: 'json', timeout: 1000, data: { action: "ShowCoupons", productId: productId, IsGroup: IsGroup, IsPanicBuying: IsPanicBuying }, success: function (resultData) { $('.jt-history-wrap ul').empty(); if (resultData.TotalRecords == 0) { $('.jt-history-wrap ul').append("<span>暫無可領取的優惠券</span>"); } else { $('.coupon2').html("優惠券可領"); if (resultData.Data) { for (var i = 0; i < resultData.Data.length; i++) { $('.jt-history-wrap ul').append("<li id=\"" + resultData.Data[i].LiId + "\" class=\"" + resultData.Data[i].LiId + "\"><div class=\"top_line\"></div><div><a href=\"javascript:;\"><div class=\"price\"><em>$</em> <b>" + resultData.Data[i].Price + "</b></div><span class=\"line\">" + resultData.Data[i].CanUseProducts + "</span><span class=\"color\">" + resultData.Data[i].OrderUseLimit + "</span><span class=\"color1\">" + resultData.Data[i].SCTime + "</span><span id=\"act-val_" + resultData.Data[i].CId + "\" class=\"act-val btnCart\" cid=\"" + resultData.Data[i].CId + "\"><em>立即領取</em></span></a></div><div class=\"bottom_line\"></div></li>"); } } if (eleFlyElement && eleShopCart) { [].slice.call(document.getElementsByClassName("btnCart")).forEach(function (button) { button.addEventListener("click", function (event) { SendCoupon($(this).attr("cid"), event); }); }); } //獲取優惠券的個數 var Length = $('.jt-history-wrap ul li').length; if (Length >= 0) { $('.tbar-tab-history').addClass('tbar-tab-click-selected'); $('.coupon2').addClass('tbar-tab-hover'); } $('.top_line').first().addClass('top_line_f').removeClass('top_line'); var num = 0; num = $('.bottom_line').size(); if (num == 1) { $('.bottom_line').first().addClass('top_line_l').removeClass('bottom_line'); } else { $('.bottom_line').last().addClass('top_line_l').removeClass('bottom_line'); } } } }); } function SendCoupon(CouponId, event) { if ($("#lockSend").val() == 0) { $("#lockSend").val("1"); $.ajax({ url: "/Handler/RegionHandler.ashx", type: 'post', dataType: 'json', timeout: 1000, data: { action: "SendCoupons", CouponId: CouponId }, success: function (resultData) { $("#lockSend").val("0"); if (resultData.Status == "0") { wantCouponId = CouponId; $("#DivLogin").show(); $('body').append(bg); } else if (resultData.Status == "1" || resultData.Status == "2") { // 滾動大小 var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || 0, scrollTop = document.documentElement.scrollTop || document.body.scrollTop || 0; eleFlyElement.style.left = event.clientX + scrollLeft + "px"; eleFlyElement.style.top = event.clientY + scrollTop + "px"; eleFlyElement.style.visibility = "visible"; // 需要重定位 myParabola.position().move(); if (resultData.Status == "1") $("#act-val_" + CouponId).parents("li").remove(); } else { alert(resultData.Error); $("#act-val_" + CouponId).parents('li').remove(); } if ($('.jt-history-wrap ul li').length == 0) $('.jt-history-wrap ul').append("<span>暫無可領取的優惠券</span>"); } }); } } // 登入後再獲取 function Login() { var username = $("#textfieldusername_right").val(); var password = $("#textfieldpassword_right").val(); var thisURL = document.URL; if (username.length == 0 || password.length == 0) { ShowMsg("請輸入您的會原帳號和密碼!", false); return; } $.post("/User/Login", { username: username, password: password, action: "Common_UserLogin" }, function (data) { if (data.Status == "Succes") { window.location.reload(); } else { ShowMsg(data.Msg, false); } }, "json"); } $(function () { //如果沒有APP下載二維碼則不彈出 if ($(".coupon3").text() != "") { $(".coupon3").addClass("tbar-tab-hover"); setTimeout(function () { $(".coupon3").removeClass("tbar-tab-hover") }, 10000); } }) </script> <style> .over_buy { background: url(../templates/pccommon/images/sub/buy/buydetails_02.jpg) no-repeat; } .login_tan #btnAmoBuy { display: none; } .category_l { border: 1px solid #eeeeee; } </style> <script> var shareDetails, shareIcon, shareTitle; $(function () { shareDetails = $("#hdShareDetails").val(); shareIcon = $("#hdShareIcon").val(); shareTitle = $("#hdShareTitle").val(); var value = $("#hidden_IsOver").val(); switch (value) { case "true": $(".buy_intro").addClass('over'); $("div.buy_product_price").addClass('over'); $("#buyButton").addClass('over'); setBuy("已搶完"); break; case "AboutToBegin": $("#buyButton").addClass('begin'); $("div.buy_product_price").addClass('begin'); $("#buyButton").css("color", "#FFF").css("font-size", "28px"); setBuy("即將開始"); break; case "pullOff": $("div.buy_product_price").addClass('over'); $("#buyButton").addClass('over'); setBuy("已下架"); break; case "over": $("div.buy_product_price").addClass('over'); $("#buyButton").addClass('over'); setBuy("已結束"); break; case "nojoin"://未參與活動 //$(".buy_intro").addClass('over'); //$("div.buy_product_price").addClass('over'); $("#buyButton").addClass('over'); setBuy("未參與"); break; } SetSharePage(); if ($.trim($("div.qg_introduce").html()).length == 0) $("div.qg_introduce").hide(); }) function SetSharePage() { if (shareTitle != "") { $("title").text(shareTitle); } } function setBuy(text) { $("#buyButton").text(text); setTimeout(function () { $("#buyButton").unbind(); }, 1000); } </script> <input name="CountDownProductsDetails$hidden_CountDownId" type="hidden" id="hidden_CountDownId" value="1080" /> <input name="CountDownProductsDetails$hidden_productId" type="hidden" id="hidden_productId" value="617449" /> <input name="CountDownProductsDetails$hidden_IsOver" type="hidden" id="hidden_IsOver" value="over" /> <input name="CountDownProductsDetails$hidden_skus" type="hidden" id="hidden_skus" value="[{"SkuItems":{},"MemberPrices":{},"SkuId":"617449_5411","ProductId":617449,"SKU":"40245270-1","Weight":1.0000,"Stock":50,"WarningStock":0,"CostPrice":13000.0000,"SalePrice":38000.0000,"StoreStock":50,"StoreSalePrice":0.0,"OldSalePrice":0.0,"ImageUrl":null,"ThumbnailUrl40":null,"ThumbnailUrl410":null,"MaxStock":50,"FreezeStock":0},{"SkuItems":{},"MemberPrices":{},"SkuId":"617449_5412","ProductId":617449,"SKU":"40245270-2","Weight":2.0000,"Stock":50,"WarningStock":0,"CostPrice":20000.0000,"SalePrice":45000.0000,"StoreStock":50,"StoreSalePrice":0.0,"OldSalePrice":0.0,"ImageUrl":null,"ThumbnailUrl40":null,"ThumbnailUrl410":null,"MaxStock":50,"FreezeStock":0}]" /> <input name="CountDownProductsDetails$hidden_skuItem" type="hidden" id="hidden_skuItem" value="[{"SkuId":"617449_5412","AttributeId":1190,"AttributeName":"宅錄套裝設備","UseAttributeImage":false,"ValueId":5412,"ValueStr":"Podcast雙人套裝組","ImageUrl":null,"ThumbnailUrl40":null,"ThumbnailUrl410":null},{"SkuId":"617449_5411","AttributeId":1190,"AttributeName":"宅錄套裝設備","UseAttributeImage":false,"ValueId":5411,"ValueStr":"Podcast單人套裝組","ImageUrl":null,"ThumbnailUrl40":null,"ThumbnailUrl410":null}]" /> <input name="CountDownProductsDetails$hdShareDetails" type="hidden" id="hdShareDetails" value="限时抢购简單说明：" /> <input name="CountDownProductsDetails$hdShareIcon" type="hidden" id="hdShareIcon" /> <input name="CountDownProductsDetails$hdShareTitle" type="hidden" id="hdShareTitle" /> <div id="main1" class="main"> <script src="/utility/cloud-zoom.1.0.2.js" type="text/javascript"></script> <link href="/utility/cloud-zoom.css" rel="stylesheet" type="text/css" media="screen" /> <link href="/templates/pccommon/style/addcss.css" rel="stylesheet" type="text/css" /> <div class="login_tan" id="loginForBuy" style="display: none;"> <div class="dialog_title"> <div class="dialog_title_l"><span>您尚未登入，請登入</span></div> <div class="dialog_title_r" id="imgCloseLogin"></div> </div> <div class="dialog_cartitem"> <input type="text" name="textfield" id="textfieldusername" placeholder="電子信箱/手機號碼" class="login_tan_input1" /> <input type="password" name="textfield2" id="textfieldpassword" placeholder="密碼" class="login_tan_input2" /> <div class="info"> <a href="/register.aspx" class="register">我要註冊</a> <a href="/ForgotPassword.aspx">忘記密碼?</a> <input id="btnAmoBuy" class="btnAmoBuy" type="button" value="匿名購買" /> </div> <div class="btnbar"> <input type="button" name="button" id="btnLoginAndBuy" value="登 入 " class="login_tan_input3" /> </div> <div class="qqalipay"> <span>快速登入：</span> <em><a href="/OpenId/RedirectLogin.aspx?ot=xapp.plugins.openid.facebook.facebookservice"><img src="/plugins/openid/images/xapp.plugins.openid.facebook.facebookservice2.gif" alt="FaceBook登入" /> </a><a href="/OpenId/RedirectLogin.aspx?ot=xapp.plugins.openid.line.lineservice"><img src="/plugins/openid/images/xapp.plugins.openid.line.lineservice2.gif" alt="Line登入" /> </a> </em> </div> </div> </div> <a name="top_name" id="top1"></a> <div class="buy_intro"> <table cellpadding="0" cellspacing="0" border="0" class="buy_intro_table"> <tr style="padding: 0; margin: 0; display: none;"> <td colspan="2"> <div class="buy_product_time"> 開始時間:<label id="lblStartTime">2021-02-11 00:03:00 </label> 結束時間:<label id="lblEndTime">2021-03-29 14:15:55 </label> </div> </td> </tr> <tr style="padding: 0; margin: 0;"> <td width="440" valign="top"> <style type="text/css"> .zoom-section{clear:both; } *html .zoom-section{display:inline;clear:both;} .zoom-desc{width:410px; padding:12px 0px; height:60px; overflow:hidden;} .zoom-desc p{ width:450px; overflow:hidden; } .zoom-desc a{ float:left; width:60px; height:60px; display:block; border:1px solid #eeeeee; margin-right:18px; background:#fff;} .zoom-desc a.hover{border:1px solid #ff5722;} .zoom-small-image{float:left; width:410px; height:410px; border:1px solid #eeeeee; background:#fff; } .zoom-small-image a{ height:410px; } .zoom-tiny-image{margin:0px;} .zoom-tiny-image:hover{border:1px solid #cc000;} </style> <table cellpadding="0" cellspacing="0" border="0" width="410"> <tr class="product_preview3"> <td> <div class="zoom-section"> <div class="zoom-section"> <div class="zoom-small-image"> <a id="zoom1" class="cloud-zoom" rel="adjustX:10, adjustY:-4" title="Podcast 套裝設備組" href="/Storage/master/product/images/202012261529260973030.jpg"> <table cellspacing="0" cellpadding="0" border="0" width="100%" height="100%"> <tr> <td align="center" valign="middle"> <img id="CountDownProductsDetails_common_ProductImages___imgBig" title="Optional title display" src="/storage/master/product/thumbs410/410_202012261529260973030.jpg" border="0" /> </td> </tr> </table> </a> </div> <div class="zoom-desc"> <p> <a id="CountDownProductsDetails_common_ProductImages___iptPicUrl1" class="cloud-zoom-gallery" title="Podcast 套裝設備組" rel="useZoom: 'zoom1', smallImage: '/storage/master/product/thumbs410/410_202012261529260973030.jpg'" href="/Storage/master/product/images/202012261529260973030.jpg"><img id="CountDownProductsDetails_common_ProductImages___imgSmall1" alt="Thumbnail 1" src="/storage/master/product/thumbs60/60_202012261529260973030.jpg" border="0" /></a> <a id="CountDownProductsDetails_common_ProductImages___iptPicUrl2" class="cloud-zoom-gallery" title="Podcast 套裝設備組" rel="useZoom: 'zoom1', smallImage: '/storage/master/product/thumbs410/410_202012261529340192150.jpg'" href="/Storage/master/product/images/202012261529340192150.jpg"><img id="CountDownProductsDetails_common_ProductImages___imgSmall2" class="zoom-tiny-image" alt="Thumbnail 2" src="/storage/master/product/thumbs60/60_202012261529340192150.jpg" border="0" /></a> <a id="CountDownProductsDetails_common_ProductImages___iptPicUrl3" class="cloud-zoom-gallery" title="Podcast 套裝設備組" rel="useZoom: 'zoom1', smallImage: '/storage/master/product/thumbs410/410_202012261529400192560.jpg'" href="/Storage/master/product/images/202012261529400192560.jpg"><img id="CountDownProductsDetails_common_ProductImages___imgSmall3" class="zoom-tiny-image" alt="Thumbnail 3" src="/storage/master/product/thumbs60/60_202012261529400192560.jpg" border="0" /></a> <a id="CountDownProductsDetails_common_ProductImages___iptPicUrl4" class="cloud-zoom-gallery" title="Podcast 套裝設備組" rel="useZoom: 'zoom1', smallImage: '/storage/master/product/thumbs410/410_202012261529502224320.jpg'" href="/Storage/master/product/images/202012261529502224320.jpg"><img id="CountDownProductsDetails_common_ProductImages___imgSmall4" class="zoom-tiny-image" alt="Thumbnail 4" src="/storage/master/product/thumbs60/60_202012261529502224320.jpg" border="0" /></a> <a id="CountDownProductsDetails_common_ProductImages___iptPicUrl5" class="cloud-zoom-gallery" title="Podcast 套裝設備組" rel="useZoom: 'zoom1', smallImage: '/storage/master/product/thumbs410/410_202012261529552068420.jpg'" href="/Storage/master/product/images/202012261529552068420.jpg"><img id="CountDownProductsDetails_common_ProductImages___imgSmall5" class="zoom-tiny-image" alt="Thumbnail 5" src="/storage/master/product/thumbs60/60_202012261529552068420.jpg" border="0" /></a> </p> </div> </div> </div> </td> </tr> <tr> <td height="10"> </td> </tr> </table> <div class="tm-action"> <ul> <li class="iShare"> <h2 style="float: left;"> 分享： </h2> <div class="bdsharebuttonbox"> <a href="#" class="bds_weixin" data-cmd="weixin"></a> <a href="#" class="bds_qzone" data-cmd="qzone"></a> <a href="#" class="bds_tsina" data-cmd="tsina"></a> </div> <script src="/Utility/share/static/api/js/share.js"></script> <script> window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {}, "image": { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16" }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"] } }; </script> </li> <li class="product_btns_coll"> <a id="addFavorite" href="javascript:void(0)" onclick="AddToFavorite()">收藏此商品</a> </li> </ul> </div> </td> <td width="660" valign="top"> <div class="buy_product_name"> Podcast 套裝設備組 <div style=" display:none;"><span id="productDetails_sku">40245270-1</span><input id="productDetails_sku_v" name="productDetails_sku_v" type="hidden" value="617449_5411" /></div> <div class="over-icon"></div> </div> <div class="qg_introduce">設備分為一人組與雙人組，建議雙人組合，以利後續若有訪談對象時可以擴充使用！ </div> <div class="buy_product_price"> <div class="price"> <span id="buycurrent">$<span><span id="CountDownProductsDetails_lblCurrentSalePrice">18990</span></span></span> <span id="buyoriginal"><del>$<span><span id="CountDownProductsDetails_lblSalePrice">45000</span></span></del></span> </div> <div class="time"> <span class="tuangou_details_info_sytime"> <label id="litRemainTimeHtml"> </label> <input name="CountDownProductsDetails$nowTime" type="hidden" id="nowTime" value="2021/04/13 08:28:51" /> <script src="/utility/time.js" type="text/javascript"></script> <script type="text/javascript"> var intervalId = 0; var nowTime; function showtime() { var strstartTime = document.getElementById("lblStartTime").innerHTML; var strTime = document.getElementById("lblEndTime").innerHTML; //2011-01-06 11:40:00 var year = strTime.split("-")[0]; var month = strTime.split("-")[1]; var day = strTime.split("-")[2].replace(strTime.substr(strTime.indexOf(" ")), ""); var hour = strTime.split(" ")[1].split(":")[0]; var minutes = strTime.split(" ")[1].split(":")[1]; var seconds = strTime.split(" ")[1].split(":")[2]; //alert(year + "年" + month + "月" + day + "日" + hour + "小時" + minutes + "分" + seconds + "秒"); var eTime = new Date(year, month, day, hour, minutes, seconds); if (eTime > nowTime) { showTimeList(strTime, "litRemainTimeHtml", "1", strstartTime, nowTime); nowTime.setSeconds(nowTime.getSeconds() + 1); } else { showTimeList(strTime, "litRemainTimeHtml", "1", strstartTime, nowTime, refreshCountDown); clearInterval(intervalId); } } $(document).ready(function () { nowTime = new Date($('#nowTime').val()); var strstartTime = document.getElementById("lblStartTime").innerHTML; var strTime = document.getElementById("lblEndTime").innerHTML; //2011-01-06 11:40:00 var eTime = new Date(strTime); if (eTime < nowTime) { showTimeList(strTime, "litRemainTimeHtml", "1", strstartTime, nowTime); } else { intervalId = setInterval(showtime, 1000); } }); function refreshCountDown() { location.reload(); } </script> </span> </div> </div> <div class="buy_product_parameter"> <!--<table width="496" cellspacing="0" cellpadding="0" border="0" class="buy_product_table"> <tr> <td width="165"> 商品貨號：<span></span> </td> <td width="165"> 剩余數量：<span id="surplusNumber"> 100 </span> </td> <td width="165"> 重 量：<span><span id="CountDownProductsDetails_litWeight">1.00 g</span></span> </td> </tr> <tr> <td> 品 牌：<span></span> </td> <td> 瀏覽次數：<span>539次</span> </td> <td> 商家編碼：40245270 </td> </tr> </table>--> <div class="buy_product_next"> <div class="buy_product_size"> <!--供填寫屬性--> <input type="hidden" id="hiddenProductType" value='' /> <input type="hidden" id="hiddenProductId" value='617449' /> <div id="productSkuSelector" class="Product_WareFun_bg"> <div class="SKURowClass"> <span>宅錄套裝設備：</span><input type="hidden" name="skuCountname" AttributeName="宅錄套裝設備" id="skuContent_1190" /><dl id="skuRow_1190"><dd><input type="button" class="SKUValueClass" id="skuValueId_1190_5412" AttributeId="1190" ValueId="5412" value='Podcast雙人套裝組' /></dd> <dd><input type="button" class="SKUValueClass" id="skuValueId_1190_5411" AttributeId="1190" ValueId="5411" value='Podcast單人套裝組' /></dd> </dl></div> </div> </div> <div class="quantity"> <ul> <li style="width: 66px; text-align: left;">數量：</li> <li class="product_para_num"> <div class="tb-text"> <span> <span id="CountDownProductsDetails_txtBuyAmount" class="Product_input" onkeydown="return false;"><input class="Product_input" id="buyAmount" type="text" value="1" style="width:30px;" /><input id="oldBuyNumHidden" type="hidden" value="1" /></span> </span> </div> <div class="mui-amount-btn"> <div class="shopcart-minus shopcart1" name="spAdd"> </div> <div class="shopcart-add shopcart1" name="spSub"></div> </div> </li> <li class="total"> <div class="buy_product_num"> <em>(每人限購<span id="maxcount">5</span>)</em> </div> <!-- 商品總價：<span>$<span><span id="productDetails_Total">18990</span><input id="productDetails_Total_v" name="productDetails_Total_v" value="18990.0000" type="hidden" /> </span></span>--> </li> <li style=" margin-left:15px; display:none;">庫存：<span stock="100" id="productDetails_Stock">100</span></li> </ul> </div> </div> <div class="qg_btn"> <input type="hidden" id="hiddenIsLogin" value="nologin" /><span id="buyButton">馬上搶</span></div> </div> </td> </tr> </table> </div> <div style="height: 40px; overflow: hidden; clear: both;"> </div> <div class="product_frame w1200 o-hidden"> <div class="category_l"> <div class="paihangtop ma10">熱銷推薦</div> <div class="sale_pro"><div class="sale_top60 cssEdite" type="top" id="products_17" ><ul> <li class="sale_top1"> <em style=" display:none;">1</em> <div class="pic"> <a target="_blank" href="/product_detail/616437"> <img src="/Storage/master/product/thumbs60/60_202009221021201197060.png" alt="從零開始成為音樂人套裝課程"> </a> </div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616437">從零開始成為音樂人套裝課程</a></div> <div class="price"> <b><em>$</em>55000</b> <span><em>$</em>88000</span> </div> </div> </li> <li class="sale_top2"> <em style=" display:none;">2</em> <div class="pic"> <a target="_blank" href="/product_detail/616425"> <img src="/Storage/master/product/thumbs60/60_201908201149297319720.png" alt="流行音樂創作系統"> </a> </div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616425">流行音樂創作系統</a></div> <div class="price"> <b><em>$</em>4500</b> <span><em>$</em>6500</span> </div> </div> </li> <li class="sale_top3"> <em style=" display:none;">3</em> <div class="pic"> <a target="_blank" href="/product_detail/616426"> <img src="/Storage/master/product/thumbs60/60_201908201149447007980.png" alt="Logic Pro 教學系統"> </a> </div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616426">Logic Pro 教學系統</a></div> <div class="price"> <b><em>$</em>4580</b> <span><em>$</em>5500</span> </div> </div> </li> <li class="sale_top4"> <em style=" display:none;">4</em> <div class="pic"> <a target="_blank" href="/product_detail/616424"> <img src="/Storage/master/product/thumbs60/60_201908201149148256320.png" alt="流行音樂必學和弦進行"> </a> </div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616424">流行音樂必學和弦進行</a></div> <div class="price"> <b><em>$</em>4200</b> <span><em>$</em>5500</span> </div> </div> </li> <li class="sale_top5"> <em style=" display:none;">5</em> <div class="pic"> <a target="_blank" href="/product_detail/616423"> <img src="/Storage/master/product/thumbs60/60_201908201148549036490.png" alt="樂理與和弦大解析"> </a> </div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616423">樂理與和弦大解析</a></div> <div class="price"> <b><em>$</em>4200</b> <span><em>$</em>5800</span> </div> </div> </li> </ul> </div></div> </div> <div class="category_r"> <div class="product_detail"> <ul class="product_nav_wrap"> <li class="curr"><a>商品詳情</a></li> <li><a>商品評價<em id="spanReviewCount2">0</em></a></li> <li><a>成交記錄<em>0</em></a></li> <li><a>商品諮詢<em>0</em></a></li> <li><a>活動說明</a></li> </ul> <div class="product_mc"> <div class="detail-content-item"> <ul> </ul> </div> <div style="height:auto;overflow:hidden;"><p><strong style="box-sizing: content-box; white-space: normal; font-size: 18px; caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255);"><strong style="box-sizing: content-box;"><strong style="box-sizing: content-box;"><strong style="box-sizing: content-box;">想要成為一個高品質的 <strong style="white-space: normal; box-sizing: content-box; font-size: 18px; caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255);"><strong style="box-sizing: content-box;"><strong style="box-sizing: content-box;"><strong style="box-sizing: content-box;">P</strong></strong></strong></strong>odcaster 嗎？</strong></strong></strong></strong></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong>沒有了畫面，剩下聲音的世界，那基本的音質與內容涵蓋就會變得很重要！</strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong>你可以用一隻簡單的麥克風來錄製 Podcast 節目！</strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong>但如果你的節目企劃有需要採訪來賓時，該怎麼辦？</strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong>你的收音品質、監聽設備沒有做好，這樣是不是無法為訪談內容加分？</strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong></strong></span></span></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC00019 2155406373.jpg"/></p><p></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong>我們可以聽到目前的 Podcaster 收音品質都很好，他們也沒有特地租用昂貴的錄音室來錄製，他們有的都是利用家中或是一個空間當中比較安靜的地方做錄製，就因為他們選了比較好一點的設備來錄音，就能達到高品質的聲音表現了！</strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong></strong></span></span></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC09987155411560.jpg"/></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong></strong></span></span><br/></p><p><strong style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;">我們 OU 也正在做 Podcast 節目，所以我們特地整理了一套高 CP 值的組合，目前 OU 也正是使用這套設備進行節目錄音錄製</strong><br/></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong></strong></span></span></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC00167130623629.jpg"/></p><p><br/></p><p><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">看看 Lucas 老師針對 <strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px; white-space: normal; background-color: rgb(255, 255, 255);">Podcast </strong>影片介紹</strong><br/></p><p><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><br/></strong></p><p style="text-align: center;"><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" data-url="https://www.youtube.com/v/-05fq2mpx-E" width="1000" height="666" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"/></strong></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong>Podcast 好玩的成分就是因為來賓、訪談內容的不同而有趣，再加上有好的收音品質，把談話過程的細節都完整收音，為節目達到加分的效果！</strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong>關於好的收音品質</strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong>1.錄音介面：錄音介面內含麥克風放大器、高品質的聲音訊號轉換器，能將麥克風收到的細節進到電腦或是iPad設備，且錄音介面具有獨立的耳機輸出孔，能增益監聽內容，比電腦原生的音效卡還能推出更大的無損音量！</strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong></strong></span></span></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC00175130623004.jpg"/></p><p><br/></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);">2.耳機分配器：耳機分配器能將錄音介面送出的耳機訊號，無損的再獨立分配給其他耳機身上，OU推薦的耳機分配器最多可支援4支耳機，且具有獨立的音量旋鈕，可依照不同使用者聽感作音量調整，這時你就不用擔心如果雙人以上來做 Podcast 的話會『有人沒耳機』的囧境了！</strong></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><br/></strong></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"></strong></strong></span></span></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC00173130623488.jpg"/></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"></strong></strong></span></span><br/></p><p><span style="background-color: rgb(255, 255, 255);"><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold;">3.收音表現極佳的電容式麥克風：電容式麥克風比一般手握式動圈式麥克風具有更高的收音靈敏度，不管是錄製講話、訪談、歌唱、樂器演奏，都會是很棒的選擇！等於不用再為了不同的訪談內容而更換麥克風，一支麥克風就足夠使用在任何的訪談場景！再加上使用的是 OU 品牌手工麥克風，在人聲的收音上會更佳亮眼，聲音會比較有厚度溫暖，為整體的品質得到顯著的提升！</strong></span></p><p><span style="background-color: rgb(255, 255, 255);"><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold;"><br/></strong></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong>關於 OU 品牌麥克風：<a href="https://reurl.cc/7odkpy" target="_blank" _href="https://reurl.cc/7odkpy">點我</a></strong></span></span></p><p><span style="background-color: rgb(255, 255, 255);"><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold;"><br/></strong></span></p><p><span style="background-color: rgb(255, 255, 255);"><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold;"></strong></span></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC00182130623520.jpg"/></p><p><span style="background-color: rgb(255, 255, 255);"><strong style="caret-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold;"></strong></span><br/></p><p><strong style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;">4.監聽耳機：監聽耳機與一般消費性耳機不同的是在聽感上，能獲得更多的細節與更平衡的聲音表現，一般消費型耳機可能會強調某個頻率的特性，導致聽感會不準確，如果你今天想要錄製一個人唱歌，但你戴了是強調重低音的耳機，那你可能會發現他唱歌好像鼻音很多，主歌比較低時咬字也會沒有那麼明顯！其實這都有可能是因為你戴了消費型耳機的關係所造成的！</strong></p><p><strong style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;">所以監聽耳機有必要在做 Podcast 時當作很重要的設備，才能得到更準確聽到更多細節的內容！</strong></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong></strong></span></span></p><p><img data-url="/Storage/master/gallery/20201226/DSC00179130619363.jpg"/></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong></strong></span></span><br/></p><p><strong style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;">目前 OU 推出的 Podcaster 設備套裝組，分為單人與雙人，雙人的部分會比單人多出一支麥克風、耳機，這邊 OU 推雙人組，以利後續 Podcast 節目規劃時有訪談的內容！</strong></p><p><strong style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;">不會到時再額外單項購入麥克風與耳機，價格上就不會比雙人套裝組還要更優惠了！</strong></p><p><strong style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;"><br/></strong></p><p><strong style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;">Podcast 單人套裝組：</strong></p><p><strong style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;"><br/></strong></p><p><strong style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;"></strong></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC00164130623676.jpg"/></p><p><br/></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC00166130616160.jpg"/></p><p><br/></p><p><strong style="white-space: normal; caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;">Podcast 雙人套裝組：</strong></p><p><strong style="white-space: normal; caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;"><br/></strong></p><p><strong style="white-space: normal; caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;"></strong></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC00171130623473.jpg"/></p><p><br/></p><p style="text-align: center;"><img data-url="/Storage/master/gallery/20201226/DSC00186130616254.jpg"/></p><p></p><p><strong style="white-space: normal; caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;"><strong style="white-space: normal; caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;"><br/></strong></strong></p><p><strong style="white-space: normal; caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;"><strong style="white-space: normal; caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;">OU自己是使用 Podcast 雙人套裝組進行節目的錄製，因為我們的內容主要以訪談不同的音樂人！所以需要這樣的組合！</strong></strong></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong><br/></strong></span></span></p><p><span style="color:#222222;font-family:TradeGothicLTCom, Helvetica, Arial, sans-serif;font-size:18px"><span style="caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);"><strong></strong></span></span></p><p><img data-url="/Storage/master/gallery/20201226/DSC09681 2155411513.jpg"/></p><p><br/></p><p><br/></p><p><strong style="white-space: normal; caret-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif; font-size: 18px;"><strong>關於 Podcast 設備有想要詢問更多可透過 <a href="https://line.me/ti/p/@umg4242p" target="_blank" _href="https://line.me/ti/p/@umg4242p">Line</a> 或是 <a href="https://www.facebook.com/lucasoumusic/" target="_blank" _href="https://www.facebook.com/lucasoumusic/">Fb</a> 與我們聯繫喔！</strong></strong></p><p><br/></p></div> </div> <div class="product_mc" style="display:none"> <div class="i-Review"> <div class="rate"><strong>0<em>%</em></strong><span>好評度</span></div> <div class="percent"> <dl> <dt>好評<span>(0%)</span></dt> <dd><div style="width: 0px;"></div></dd> </dl> <dl> <dt>中評<span>(0%)</span></dt> <dd><div style="width: 0px;"></div></dd> </dl> <dl> <dt>差評<span>(0%)</span></dt> <dd><div style="width:0px;"></div></dd> </dl> </div> </div> <div class="Review-con"> <div class="wrap"> <div class="tab"> <ul class="tab-hd"> <li class="active">全部評價<em>（0）</em></li> <li>好評<em>（0）</em></li> <li>中評<em>（0）</em></li> <li>差評<em>（0）</em></li> <li>有圖<em>（0）</em></li> </ul> <div class="tab-bd"> <div class="thisclass review0"> </div> <div class="normal review1"></div> <div class="normal review2"></div> <div class="normal review3"></div> <div class="normal review4"></div> </div> </div> </div> </div> </div> <div class="product_mc" style="display:none" id="productSaleCountContainer"> <div class="tab_sales"> <div class="tr_head title"> <div class="name">買家</div><div class="num">數量</div> <div class="size">款式和型號</div><div class="time">付款時間</div> </div> <div class="details_plzx" id="divlineItems"> </div> </div> <!--<div class="details_plzx"> <span class="colorF"><a id="CountDownProductsDetails_hpkProductSales" class="Product_b"></a></span> </div>--> </div> <div class="product_mc" style="display:none"> <!--商品諮詢--> <div class="Consultations"> <div class="details_plzx"> <span class="colorF"><a id="CountDownProductsDetails_hpkProductConsultations" class="Product_b" href="ProductConsultationsAndReplay.aspx?productId=617449" target="_blank">查看全部</a></span> <a class="Product_a" href="/ProductConsultations/617449">我要諮詢</a> </div> </div> </div> <div class="product_mc" style="display:none"> </div> </div> </div> </div> <div id="divAlready" class="dialog"> <div class="dialog_title"> <div class="dialog_title_l"> <span>您已經收藏過該商品</span> </div> <div class="Favorite_title_r"> </div> </div> <div class="dialog_cartitem"> <a href="/user/favorites.aspx">查看我的收藏>></a> </div> </div> <div id="divFavorite" class="dialogFavorite"> <div class="Favorite_title"> <div class="Favorite_title_l"> <span>成功加入收藏</span> </div> <div class="Favorite_title_r"> </div> </div> <div id="reset" class="tips"> <h2> 收藏成功！ </h2> <p> <em> 您已收藏了<span id="favoriteCount">1</span>個商品， <a target="_blank" href="/User/Favorites"> <font>查看我的收藏>></font> </a> </em> </p> </div> <div id="attention-tags"> <div class="mt"> <h4> 加標籤<em>（最多可選3個）</em> </h4> </div> <div class="mc" id="tagDiv"> <ul class="att-tag-list" id="tag_num"></ul> <ul class="att-tag-list att-tag-list-save" id="tag_num2"> <li class="att-tag-new"> <input id="txttags" maxlength="10" type="text" onkeydown="javascript:if(event.keyCode==13) AppendTags();" onkeyup="return checkLength(this)" placeholder="自定義" onfocus="if (this.value==this.defaultValue){this.value=''};this.style.color='#333333'" onblur="if (this.value==''){this.value=this.defaultValue;};this.style.color='#9C9A9C'" value="自定義" class="text" style="height: 25; color: rgb(156, 154, 156);" /><span onclick="javascript:return AppendTags();">添加</span> </li> </ul> <div id="tishi" class="att-tag-btn"> <a onclick="return SaveTags();" href="javascript:void(0);" class="att-btn-ok">確定</a><a class="att-btn-cancal" href="javascript:void(0);" onclick="CloseFavorite();">取消</a> <span class="hl_red fl hide">最多可選不超過三個標籤</span> <span class="hl_red fl hide">請至少選擇1個標籤</span> <span class="hl_green fl hide">設置成功</span> <span class="hl_red fl hide">請輸入自定義標籤名稱！</span> <span class="hl_red fl hide">標籤由數字、字母、漢字組成</span> <span class="hl_red fl hide">存在該標籤的收藏商品，無法刪除</span> <span class="hl_red fl hide">請選擇要刪除的收藏標籤</span> </div> </div> </div> </div> <script> var productConsultationsDataLoaded = false; var productReviewType1Loading = false; var productReviewType2Loading = false; var productReviewType3Loading = false; var productReviewType4Loading = false; var productReviewType5Loading = false; //加載成交記錄 function loadProductSaleCountData(pageSize, currentPage, productId) { $.post('../API/ReviewHandler.ashx?action=LoadLineItems&PageSize=' + pageSize + '&CurrentPage=' + currentPage + '&ProductId=' + productId, function (result) { var items = JSON.parse(result); var totalCount = items.totalCount; if (items.data.length > 0) { $("#divlineItems").html(""); var userhtm = ""; for (var i = 0; i < items.data.length; i++) { var n = items.data[i]; userhtm += getLineItemHtml(n); } $("#divlineItems").html(userhtm); //分頁 var pageNum = totalCount / pageSize; if ((pageSize * parseInt(pageNum)) < totalCount) { pageNum++; } if (pageNum > 1) { var pageHtml = getLineItemPage(totalCount, parseInt(pageNum), currentPage); $("#divlineItems").append(pageHtml); } } }); } var reviewPageSize = 5; var lineItemPageSize = 5; $(function () { function tabs(tabTit, on, tabCon) { $(tabTit).children().click(function () { $(this).addClass(on).siblings().removeClass(on); var index = $(tabTit).children().index(this); $(tabCon).children().eq(index).show().siblings().hide(); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), index); }); }; tabs(".tab-hd", "active", ".tab-bd"); /* loadStatisticsData($("#hidden_productId").val()); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 0); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 1); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 2); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 3); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 4); */ }); //加載評論 function loadReviewData(pageSize, currentPage, productId, type) { //如果是第一頁已加載就直接返回，主要處理用户多次點擊加載第一頁 switch (type) { case 0: if (productReviewType1Loading) return; productReviewType1Loading = true; break; case 1: if (productReviewType2Loading) return; productReviewType2Loading = true; break; case 2: if (productReviewType3Loading) return; productReviewType3Loading = true; break; case 3: if (productReviewType4Loading) return; productReviewType4Loading = true; break; case 4: if (productReviewType5Loading) return; productReviewType5Loading = true; break; } $.post('../API/ReviewHandler.ashx?action=LoadReview&PageSize=' + pageSize + '&CurrentPage=' + currentPage + '&ProductId=' + productId + '&type=' + type, function (result) { switch (type) { case 0: productReviewType1Loading = false; break; case 1: productReviewType2Loading = false; break; case 2: productReviewType3Loading = false; break; case 3: productReviewType4Loading = false; break; case 4: productReviewType5Loading = false; break; } var items = JSON.parse(result); var totalCount = items.totalCount; if (type == 0) { $("#spanReviewCount1").text(totalCount); $("#spanReviewCount2").text(totalCount); } if (items.data.length > 0) { $(".review" + type).html(""); var userhtm = ""; for (var i = 0; i < items.data.length; i++) { var n = items.data[i]; userhtm += getReviewHtml(n); } $(".review" + type).html(userhtm); $('input.rating').rating(); //分頁 var pageNum = totalCount / pageSize; if ((pageSize * pageNum) < totalCount) { pageNum++; } if (pageNum > 1) { $(".review" + type).append(getPage(totalCount, parseInt(pageNum), currentPage, type)); } } $('.after-service-img img').click(function () { var bigsrc = $(this).attr('src'); $(this).addClass("active"); $(this).siblings().removeClass("active"); $(this).parents().siblings(".preview-img").children().attr("src", bigsrc); $(this).parents().siblings(".preview-img").show(300); }) $(".preview-img").click(function () { $(this).hide(300); }) }); } //加載評論統計 function loadStatisticsData(productId) { $.post('../API/ReviewHandler.ashx?action=StatisticsReview&ProductId=' + productId, function (result) { var items = JSON.parse(result); var reviewNum = parseInt(items.reviewNum); var reviewNum1 = parseInt(items.reviewNum1); var reviewNum2 = parseInt(items.reviewNum2); var reviewNum3 = parseInt(items.reviewNum3); var reviewNumImg = parseInt(items.reviewNumImg); var reviewRate1 = 0; var reviewRate2 = 0; var reviewRate3 = 0; if (reviewNum != 0) { reviewRate1 = ((reviewNum1 * 100) / (reviewNum)).toFixed(0); reviewRate2 = ((reviewNum2 * 100) / (reviewNum)).toFixed(0); reviewRate3 = ((reviewNum3 * 100) / (reviewNum)).toFixed(0); } $(".i-Review .rate strong").html(reviewRate1 + "<em>%</em>"); $(".i-Review .percent dl").eq(0).html("<dt>好評<span>(" + reviewRate1 + "%)</span></dt><dd><div style=\"width: " + reviewRate1 + "px;\"></div></dd>"); $(".i-Review .percent dl").eq(1).html("<dt>中評<span>(" + reviewRate2 + "%)</span></dt><dd><div style=\"width: " + reviewRate2 + "px;\"></div></dd>"); $(".i-Review .percent dl").eq(2).html("<dt>差評<span>(" + reviewRate3 + "%)</span></dt><dd><div style=\"width: " + reviewRate3 + "px;\"></div></dd>"); $(".tab-hd li").eq(0).find("em").html("(" + reviewNum + ")"); $(".tab-hd li").eq(1).find("em").html("(" + reviewNum1 + ")"); $(".tab-hd li").eq(2).find("em").html("(" + reviewNum2 + ")"); $(".tab-hd li").eq(3).find("em").html("(" + reviewNum3 + ")"); $(".tab-hd li").eq(4).find("em").html("(" + reviewNumImg + ")"); $(".product_nav_wrap li").eq(1).find("em").html(reviewNum); }); } function getReviewHtml(obj) { var arr = new Array(); arr.push('<div class="reviewNew">'); arr.push('<div class="reviewNew_tx">'); arr.push('<img src="' + obj.Picture + '" />'); arr.push('<span>' + obj.UserName + '</span>'); arr.push('</div>'); arr.push('<div class="reviewNew_t">'); arr.push('<span><input id="input-2ba" type="number" class="rating" min="0" max="5" step="1" data-size="xs" data-stars="5" value="' + obj.Score + '" data-symbol="" readonly="readonly"></span>'); arr.push('<span>' + obj.SKUContent + '</span>'); arr.push('<i>發表於：' + obj.ReviewDate + '</i>'); arr.push('</div>'); arr.push('<p class="reviewInfo">' + obj.ReviewText + '</p>'); arr.push('<span class="after-service-img">'); if (obj.ImageUrl1 != null && obj.ImageUrl1 != "") arr.push('<img src="' + obj.ImageUrl1 + '" style="max-height:60px;" class="" />'); if (obj.ImageUrl2 != null && obj.ImageUrl2 != "") arr.push('<img src="' + obj.ImageUrl2 + '" style="max-height:60px;" class="" />'); if (obj.ImageUrl3 != null && obj.ImageUrl3 != "") arr.push('<img src="' + obj.ImageUrl3 + '" style="max-height:60px;" class="" />'); if (obj.ImageUrl4 != null && obj.ImageUrl4 != "") arr.push('<img src="' + obj.ImageUrl4 + '" style="max-height:60px;" class="" />'); if (obj.ImageUrl5 != null && obj.ImageUrl5 != "") arr.push('<img src="' + obj.ImageUrl5 + '" style="max-height:60px;" class="" />'); arr.push('</span>'); arr.push('<div class="preview-img" style="overflow: hidden; display: none;">'); arr.push('<img src="">'); arr.push('</div>'); if (obj.ReplyDate != null && obj.ReplyDate != "") { arr.push('<p class="Preply"><span>商家回復：</span>' + obj.ReplyText + '</p>'); } arr.push('</div>'); return arr.join(""); } function getLineItemHtml(obj) { var arr = new Array(); arr.push('<div class="tr_head">'); arr.push('<div class="name"><img style="width:40px;border-radius:100%;" src="' + obj.Picture + '" />' + obj.UserName + '</div>'); arr.push('<div class="num">' + obj.Quantity + '</div>'); arr.push('<div class="size">' + obj.SKUContent + ' </div>'); arr.push('<div class="time">' + obj.PayDate + '</div>'); arr.push('</div>'); return arr.join(""); } function getPage(totalCount, pageNum, currentPage, type) { var arr = new Array(); arr.push('<div class="page">'); if (currentPage > 1) arr.push('<a href="javascript:loadReviewData(' + reviewPageSize + ',' + (currentPage - 1) + ',' + $("#hidden_productId").val() + ',' + type + ');" class="page-prev">上一頁</a>'); var finallyPage = 0; for (var i = 1; i <= pageNum; i++) { if (i > (currentPage - 3 + ((pageNum - currentPage - 3) > 0 ? 0 : (pageNum - currentPage - 3))) && i < (currentPage + 3 - ((currentPage - 3) > 0 ? 0 : (currentPage - 3)))) { finallyPage = i; if (i == currentPage) arr.push('<a class="page-cur">' + i + '</a>'); else arr.push('<a href="javascript:loadReviewData(' + reviewPageSize + ',' + i + ',' + $("#hidden_productId").val() + ',' + type + ');" >' + i + '</a>'); } } if (finallyPage < pageNum) { arr.push('<a class="page-break">...</a>'); } if (currentPage < pageNum) arr.push('<a href="javascript:loadReviewData(' + reviewPageSize + ',' + (currentPage + 1) + ',' + $("#hidden_productId").val() + ',' + type + ');" class="page-next">下一頁</a>'); arr.push('<span class="page-skip">'); arr.push('第' + currentPage + '/' + pageNum + '頁 共' + totalCount + '記錄'); arr.push('<input type="text" id="txtGoto' + type + '" size="3" value="" class="text">頁'); arr.push('<input type="button" onclick="javascript:btnfanye(' + type + ',' + pageNum + ');" value="確定" class="button">'); arr.push('</span>'); arr.push('</div>'); return arr.join(""); } function getLineItemPage(totalCount, pageNum, currentPage) { var arr = new Array(); arr.push('<div class="page">'); if (currentPage > 1) arr.push('<a href="javascript:loadProductSaleCountData(' + lineItemPageSize + ',' + (currentPage - 1) + ',' + $("#hidden_productId").val() + ');" class="page-prev">上一頁</a>'); var finallyPage = 0; for (var i = 1; i <= pageNum; i++) { if (i > (currentPage - 3 + ((pageNum - currentPage - 3) > 0 ? 0 : (pageNum - currentPage - 3))) && i < (currentPage + 3 - ((currentPage - 3) > 0 ? 0 : (currentPage - 3)))) { finallyPage = i; if (i == currentPage) arr.push('<a class="page-cur">' + i + '</a>'); else arr.push('<a href="javascript:loadProductSaleCountData(' + lineItemPageSize + ',' + i + ',' + $("#hidden_productId").val() + ');" >' + i + '</a>'); } } if (finallyPage < pageNum) { arr.push('<a class="page-break">...</a>'); } if (currentPage < pageNum) arr.push('<a href="javascript:loadProductSaleCountData(' + lineItemPageSize + ',' + (currentPage + 1) + ',' + $("#hidden_productId").val() + ');" class="page-next">下一頁</a>'); arr.push('<span class="page-skip">'); arr.push('第' + currentPage + '/' + pageNum + '頁 共' + totalCount + '記錄'); arr.push('<input type="text" id="txtLineItemGoto" size="3" value="" class="text">頁'); arr.push('<input type="button" onclick="javascript:btnLineItemfanye(' + pageNum + ');" value="確定" class="button">'); arr.push('</span>'); arr.push('</div>'); return arr.join(""); } function btnfanye(type, pageNum) { if ($("#txtGoto" + type).val() == "") alert("請輸入翻頁數"); if (isNaN($("#txtGoto" + type).val())) alert("翻頁數只能輸入數字"); if (parseInt($("#txtGoto" + type).val()) > pageNum) alert("翻頁數不可以大於最大頁數"); loadReviewData(reviewPageSize, parseInt($("#txtGoto" + type).val()), $("#hidden_productId").val(), type) } function btnLineItemfanye(pageNum) { if ($("#txtLineItemGoto").val() == "") alert("請輸入翻頁數"); if (isNaN($("#txtLineItemGoto").val())) alert("翻頁數只能輸入數字"); if (parseInt($("#txtLineItemGoto").val()) > pageNum) alert("翻頁數不可以大於最大頁數"); loadProductSaleCountData(lineItemPageSize, parseInt($("#txtLineItemGoto").val()), $("#hidden_productId").val()) } </script> <script type="text/javascript"> var number = $("#buyAmount"); $('div[name="spAdd"]').bind("click", function () { var number = parseInt($("#buyAmount").val()); var maxcount = parseInt($("#maxcount").text()); if (number < maxcount) { number++; $("#buyAmount").val(number); } }); $('div[name="spSub"]').bind("click", function () { var number = parseInt($("#buyAmount").val()); var maxcount = parseInt($("#maxcount").text()); if (number > 1) { number--; $("#buyAmount").val(number); } }); $(".product_nav_wrap li").bind("click", function () { var li_index = $(".product_nav_wrap li").index(this); $(".product_mc").hide().eq(li_index).show(); $(this).addClass("curr").siblings().removeClass("curr"); switch (li_index) { case 1://評論 loadStatisticsData($("#hidden_productId").val()); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 0); break; case 2://成交記錄 loadProductSaleCountData(lineItemPageSize, 1, $("#hidden_productId").val()); break; } }); </script> <!--評論大小圖切換--> <script> $(function () { var global_img_src = ''; $(document).on('click', '.after-service-img img', function () { var new_src = $(this).attr("bigsrc"); var is_img = $(this).parents('.column2').find('.preview-img img').attr('src'); if (new_src != global_img_src || is_img == '') { global_img_src = new_src; $(this).addClass('active').siblings().removeClass('active'); $(this).parents('.column2').children('.preview-img').show(400); var new_src = $(this).attr("bigsrc") $(this).parents('.column2').find('.preview-img img').attr('src', new_src); } else { $(this).parents('.column2').children('.preview-img').hide(10); $(this).parents('.column2').find('.preview-img img').attr('src', ''); } }) }) </script> <script src="/utility/product.helper.js" type="text/javascript"></script> <div class="clearboth"></div> <!-- 相關商品--> <div class="product_related"> <h2><b>相關商品</b></h2> <ul> <!--相關商品--> </ul> </div> </div> <link rel="stylesheet" href="/Utility/star/star-rating.css" rev="stylesheet" type="text/css"> <script src="/Utility/star/star-rating.js"></script> <script src="/Utility/star/es5-shim.js"></script> <link href="/Utility/xappUpload/xappUpload.css" rel="stylesheet" /> <script src="/Utility/jquery.scrollLoading.min.js"></script> <script language="javascript"> $("#showQrCode").click(function (e) { $("#productQrCode").show(); }); $("#productQrCode h2 span").click(function (e) { $("#productQrCode").hide(); }) $('#zhankai').click(function () { if ($(this).parents('.full').hasClass('hover')) { $(this).parents('.full').removeClass('hover'); } else { $(this).parents('.full').addClass('hover'); } }) $(window).scroll(function () { setScrollLoading(); }); function setScrollLoading() { $("img").scrollLoading(); $("iframe").each(function () { if (!$(this).attr("src")) { $(this).attr("src", $(this).attr("data-url")); } }); } $(function () { var product_nav_wrap = $('.product_nav_wrap').offset().top - 40; $(window).scroll(function () { if ($(document).scrollTop() >= product_nav_wrap) { $('.product_nav_wrap').css({ position: 'fixed', top: '0', borderBottom: '1px solid #ccc', boxShadow: '0 1px 3px #ccc', width: '978px', background: '#fff', "z-index":'9', }) } if ($(document).scrollTop() + $('.product_nav_wrap').height() + 40 <= product_nav_wrap) { $('.product_nav_wrap').removeAttr('style'); } }); }) </script> <div class="footer o-hidden pt20" id="footer"> <div class="footerhelp"> <div class="footer-help w1200 o-hidden pt10"> <ul class="o-hidden"> <li> <div class="helpli"><div class="icon"><img id="SubCategory_ctl07__ffb185a3ea686a9c_ctl00_ctl00_ctl00_HiImage1" src="/Storage/master/help/201712272236422669440.png" border="0" /></div> <h2 class="font14">關於 O.U Music</h2></div> <div class="helplic"> <p> <a href='/help/show/32' target="_blank" title='About O.U Music'> About O.U Music </a> </p> <p> <a href='/help/show/33' target="_blank" title='聯絡我們吧'> 聯絡我們吧 </a> </p> </div> </li> <li> <div class="helpli"><div class="icon"><img id="SubCategory_ctl07__ffb185a3ea686a9c_ctl00_ctl01_ctl00_HiImage1" src="/Storage/master/help/201712272308323674420.png" border="0" /></div> <h2 class="font14">學員與積分制度</h2></div> <div class="helplic"> <p> <a href='/help/show/34' target="_blank" title='學員福利制度'> 學員福利制度 </a> </p> <p> <a href='/help/show/35' target="_blank" title='積分制度與商品兌換'> 積分制度與商品兌換 </a> </p> </div> </li> <li> <div class="helpli"><div class="icon"><img id="SubCategory_ctl07__ffb185a3ea686a9c_ctl00_ctl02_ctl00_HiImage1" src="/Storage/master/help/201712272308541656090.png" border="0" /></div> <h2 class="font14">網站條款</h2></div> <div class="helplic"> <p> <a href='/help/show/43' target="_blank" title='服務條款'> 服務條款 </a> </p> <p> <a href='/help/show/44' target="_blank" title='隱私權政策'> 隱私權政策 </a> </p> <p> <a href='/help/show/45' target="_blank" title='免責聲明'> 免責聲明 </a> </p> <p> <a href='/help/show/51' target="_blank" title='使用者條款'> 使用者條款 </a> </p> </div> </li> <li> <div class="helpli"><div class="icon"><img id="SubCategory_ctl07__ffb185a3ea686a9c_ctl00_ctl03_ctl00_HiImage1" src="/Storage/master/help/201712272252521960900.png" border="0" /></div> <h2 class="font14">合作專區</h2></div> <div class="helplic"> <p> <a href='/help/show/25' target="_blank" title='與 O.U Music 合作'> 與 O.U Music 合作 </a> </p> </div> </li> </ul><div class="ad_custom cssEdite" type="custom" id="ads_18" ></div> </div> </div> <div class="ad_custom cssEdite" type="custom" id="ads_16" ></div> <div class="footer-custom pt20"> </div> </div> <script src="/Utility/china.js"></script> <script src="/Utility/jquery.cookie.js"></script> <script type="text/javascript"> var uid = 0; $(document).ready(function () { uid = parseInt($.cookie("uid")); if (isNaN(uid)) uid = 0; if (uid == 1) { uid ? (run()) : (run()); $("#id_c").html("切換簡體"); } }); $(document).bind('click', function (e) { var a = $(e.target).attr('id'); if (a == 'id_c') { uid ? (run()) : (run()); (uid == 1) ? (uid = 0, $('#id_c').html('切換繁體')) : (uid += 1, $('#id_c').html('切換簡體')); $.cookie("uid", uid); } }); </script> </body> </html>