Deco MW bluetooth drawing pad | XPPEN Malaysia Official Store

<!DOCTYPE html> <html lang='en'> <head> <meta charset="utf-8"/>  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Deco MW bluetooth drawing pad | XPPEN Malaysia Official Store</title> <meta name="keywords" content="XPPen Official store"/> <meta name="description" content="The XP-Pen Deco MW is available in four colors with 8 x 5 inches active area, super-accurate stylus equip with X3 Smart Chip. wireless Bluetooth connectivity. available in four colors. ideal for beginner & Professional illustrators, photo editors, digital artists and graphic designers."/> <meta name="google-site-verification" content="6UN8CgtDxCSKKn65eoVnW12qTc-t-vGlhQbQSEjbaDY" />   <script src="/newxp/static2024/ace/js/jquery-2.1.4.min.js"></script> <script src="/newxp/static2024/layer/layer.js?ver=202502241"></script> <style>a,a:hover{text-decoration:none}iframe{width:1200px}.xp_home_video{height:auto;overflow:hidden;padding:30px 0}.xp_home_video .home_video_box{height:auto;overflow:hidden;margin-top:16px}.xp_home_video .home_video_box .video_block{position:relative;color:#fff;overflow:hidden}.xp_home_video .home_video_box .video_block img{width:100%;height:auto}.xp_home_video .home_video_box .video_block .video_section-play{display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor:pointer}.xp_home_video .home_video_box .video_block .video_section-play:hover .video_section__playBtn{background:url(https://resource.xp-pen.com/static/images/swiper_img/btn_player_type2_hover.webp) no-repeat;background-size:100%}.xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn{cursor:pointer;display:block;width:46px;height:46px;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:1;background:url(https://resource.xp-pen.com/static/images/swiper_img/btn_player_type1_over.png) no-repeat;background-size:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);text-indent:-9999px;overflow:hidden}.xp_home_video .home_video_box .video_block .video_block_text{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:18px;max-width:24ch;text-align:left;font-weight:700;width:100%;pointer-events:none}.cart_menu_box,.cart_menu_box dd dt{margin:0;padding:0}#cart_icon span{background-color:var(--main-color);display:none}.ellipsis{height:auto;overflow:hidden;text-overflow:ellipsis;display:inline-block;display:block}.pull-right{text-align:center;padding:2rem}.backTop{position:fixed;right:15px;bottom:20%;border-radius:4px;z-index:99;-webkit-border-radius:4px;-moz-border-radius:4px;width:50px;height:50px;text-align:center;line-height:50px;cursor:pointer;display:none;background:#dfdfdf}.backTop i.icon{font-size:30px;color:#fff;margin:0;padding:0}@media(min-width:992px) and (max-width:1200px){.container{width:100%}}.xp_language{width:100%;height:auto;background:#d0d0d0;position:relative;transition:all .5s}.la_content{max-width:1440px;height:auto;overflow:hidden;color:#000;margin:0 auto;padding:0 40px;background-color:#d0d0d0}.la_content .text{line-height:20px;padding:10px 0;float:left;font-size:12px;width:calc(100% - 448px)}.la_content .la_changes{float:right;width:auto;height:35px;border:0;margin:5px 15px 0 15px;font-size:12px;padding:0 10px;cursor:pointer}.la_close{float:right;text-align:center;color:#000;height:40px;width:40px;cursor:pointer;display:flex;justify-content:center;align-items:center}.la_close i{font-weight:bold;font-size:16px}.la_changes_text{height:auto;overflow:hidden;line-height:30px}.la_changes_text i{float:right}.la_changes_text span{display:inline-block;float:left;padding-right:10px}.la_changes_text i{color:#333}@media all and (max-width:1200px){.la_content{width:100%;box-sizing:border-box;text-align:center}.la_content .text{width:100%!important;float:none;text-align:center}.la_content .la_changes{width:auto}.la_content_search{display:inline-block}}@media all and (max-width:767px){.xp_home_video{height:auto;overflow:hidden}.xp_home_video .home_video_box{margin-top:12px}.xp_home_video .home_video_box .video_block{width:100%;position:relative;color:#fff;float:left}.xp_home_video .home_video_box .video_block a{display:inline-block;width:100%;height:auto}.xp_home_video .home_video_box .video_block img{width:100%;height:auto}.xp_home_video .home_video_box .video_block .video_section-play{display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor:pointer}.xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn{cursor:pointer;display:block;width:46px;height:46px;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:1;background:url(/static/images/swiper_img/btn_player_type1_over.png) no-repeat;background-size:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);text-indent:-9999px;overflow:hidden}.xp_home_video .home_video_box .video_block .video_block_text{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:18px;max-width:24ch;text-align:center;font-weight:700;width:100%;pointer-events:none} }@media screen and (max-width:556px){.la_content{height:auto;text-align:center;padding:0 20px}.la_content .la_changes{margin:5px 12px 0 12px}}</style>  <link rel="preload" as="style" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/swiper/swiper.min.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/css/index/style_new.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/css/index/style_my.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont2.css?ver=202502241"> <link rel="preload" as="script" href="/newxp/static2024/layer/layer.js?ver=202502241"> <link rel="preload" as="script" href="/newxp/static2024/ace/js/jquery-2.1.4.min.js"> <link rel="preload" as="script" href="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=202502241">  <link rel="preload" as="script" href="/newxp/static2024/swiper/swiper.min.js?ver=202502241"> <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap">  <link rel="canonical" href="https://www.storexppen.my/buy/deco-mw.html">  <link rel="stylesheet" href="/newxp/static2024/css/index/style_new.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont2.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/swiper/swiper.min.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/css/index/style_my.css?ver=202502241">  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"> <script src="/newxp/static2024/ace/js/popper.min.js"></script> <script async src="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=202502241"></script> <script defer type="text/javascript" src="/newxp/static2024/JsLang/lang_my.js?ver=202502241"></script>  <script type="text/javascript" src="/newxp/static2024/swiper/swiper.min.js?ver=202502241"></script>  <script type="text/javascript"> var _AW_REG_CONVERSION=""; var _AW_ADDCART_CONVERSION=""; var _NOW_TIME=1741062385; var uid="0"; var isDisable = '0'; var _LANG_ ="my"; var _SSO_DOMAIN_ = "https://account.xp-pen.com"; var _ROOT_="/"; var _STATIC_="/newxp/static2024/"; </script> <script defer type="text/javascript" src="/newxp/static2024/js/index/layout_my.js?ver=202502241"></script> <script defer type="text/javascript" src="/newxp/static2024/js/index/search.js?ver=202502241"></script> <script src="https://www.dwin1.com/19038.js" type="text/javascript" defer="defer"></script> <script> dataLayer=[{ 'ecomm_prodid':'4', 'ecomm_pagetype':'product', 'ecomm_totalvalue':"339.00", }]; </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M5D5XR4');</script>     <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10928571977"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10928571977'); </script> <link rel="alternate" hreflang="it-IT" href="https://www.storexppen.it/buy/deco-m-mw.html" /> <link rel="alternate" hreflang="en-PH" href="https://www.storexppen.ph/buy/deco-mw.html" /> <link rel="alternate" hreflang="en-MY" href="https://www.storexppen.my/buy/deco-mw.html" /> <link rel="alternate" hreflang="en-SG" href="https://www.storexppen.sg/buy/deco-m-mw.html" /> <link rel="alternate" hreflang="en-ID" href="https://www.storexppen.id/buy/deco-mw.html" /> <link rel="alternate" hreflang="en-VN" href="https://www.storexppen.vn/buy/deco-m-mw.html" /> <link rel="alternate" hreflang="fr-FR" href="https://www.storexppen.fr/buy/deco-mw.html" /> <link rel="alternate" hreflang="de-DE" href="https://www.storexppen.de/buy/decom.html" /> <link rel="alternate" hreflang="pt-PT" href="https://www.storexppen.pt/buy/deco-m.html" /> <link rel="alternate" hreflang="pt-PT" href="https://www.storexppen.pt/buy/deco-mw.html" /> <link rel="alternate" hreflang="en-TR" href="https://store.xppen.com.tr/buy/76.html" /> <link rel="alternate" hreflang="en-EU" href="https://www.storexppen.eu/buy/deco-m-wireless.html" /> <link rel="alternate" hreflang="ja-JP" href="https://www.storexppen.jp/buy/deco-m-mw_2022.html" />  <script type="text/javascript" src="/newxp/static2024/js/index/cookie.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/index/hw_tag.js?ver=202502241"></script>  <script> window.hwDataLayer = window.hwDataLayer || []; function hwtag() {hwDataLayer.push(arguments);} const site_code = "WEBMY"; const website_id = "8922XP000101A17"; hwtag('config', site_code, { 'website_code': site_code, 'website_id': website_id, 'account_id': '0', 'debug': "false",// test-env:true, pro-env:false 'brand_website': 'XPPen', 'website_type': 1, 'page_type': "goods", 'pt': 'web', 'is_login': '0', 'business_channel': '独立站', 'pt_v': '', 'sr_reg': getCookie('sr_reg') ?? '', 'sr_ctrl': getCookie('sr_ctrl') ?? '', 'key_word': getCookie('key_word') ?? '', 'key_word_type': getCookie('key_word_type') ?? '', }); function updatePubAttr(data){ $.each(data,function(index_key,value){ if(index_key === 'key_word') { document.cookie = "key_word=" + value + ";path=/"; }else{ setCookie(index_key,value); } }); hwtag('config', site_code, data); } setCookie('page_type',"goods"); setCookie('path',window.location.pathname); document.cookie = "title=" + document.title + ";path=/"; var currency='MYR'; </script> <script async src="https://t.xp-pen.com/hwtag.min.js?ver=202502241"></script>  </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M5D5XR4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script async src="https://t.cfjump.com/tag/74759"></script> <script> // Picture element HTML5 shiv document.createElement( "picture" ); </script> <script src="/newxp/static2024/ace/js/picturefill.min.js" async></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-P9VN0TKZK8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-P9VN0TKZK8'); </script> <script src='/newxp/static2024/js/analyze/ga.js'></script > <link rel="preload" href="/newxp/static2024/css/reset.css?ver=202502241" as="style" /> <link rel="preload" href="/newxp/static2024/css/index/common.css?ver=202502241" as="style" /> <link rel="preload" href="/newxp/static2024/css/geren/commonstyle.css?ver=202502241" as="style" />  <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/reset.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/common.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/commonstyle.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/lang_cut/index.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/revision.css?ver=202502241" /> <script type="text/javascript" src="/newxp/static2024/js/index/cart.js?ver=202502241"></script> <style> img[src=""],img:not([src]){ opacity:0; } #nav .logo_pc { display: block; } #nav .logo_mobile { display: none; } #navbar_header_height { padding-top: 0px; } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } #bulletin .icon .notice-icon { width: 16px; height: auto; } #bulletin .icon .bulletin-title { display: none; } } #bulletin { display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; position: fixed; z-index: 999999; width: 100%; top: 0; } #bulletin .icon { display: flex; align-items: center; margin-right: 15px; /*width: 100px;*/ } .pad_right { padding-right: 50px; } .pad_right .title { margin-right: 10px; } #scroll_div { overflow: hidden; white-space: nowrap; width: 1400px; } #scroll_begin, #scroll_end { display: inline; } #closure { display: inline-block; margin-left: 15px; cursor: pointer; } </style> <header class="navbar_header" id="navbar_header_height">  <style> #closure { color: white !important; margin-right: 10px; } .announcement-bar { width: 100%; background: #000000 !important; display: flex; align-items: center; } .announcement-bar-swiper { width: 800px; padding: 0px 60px; box-sizing: content-box; height: 38px; line-height: 38px; color: white !important; text-align: center; } .announcement-bar-swiper .swiper-slide { background-color: #000000 !important; } .announcement-bar-swiper .iconfont { font-size: 14px; margin-top: 2px; } .announcement-bar-swiper .swiper-button-prev, .announcement-bar-swiper .swiper-button-next { background-image: none !important; height: auto !important; display: flex; justify-content: center; } .announcement-bar-swiper .swiper-button-next.swiper-button-disabled, .announcement-bar-swiper .swiper-button-prev.swiper-button-disabled { opacity: 1; pointer-events: auto !important } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } .announcement-bar-swiper { width: 100vw; box-sizing: border-box; padding: 0 45px; } #closure { margin-right: 10px; } .announcement-bar-swiper .swiper-slide { overflow: hidden; height: auto !important; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } .bulletin .icon .bulletin-title { display: none; } } .bulletin { display: flex; align-items: center; justify-content: center; background-color: #000000 !important; color: white; font-size: 12px; } .pad_right { padding-right: 10px; } .pad_right .title { margin-right: 10px; color: white !important; } .pad_right .content { color: white !important; } .scroll_div { width: 1400px; overflow: hidden; white-space: nowrap; text-align: center; } .scroll_begin, .scroll_end { display: inline; } </style> <script> $(function (){ $('.scroll_div').each(function () { var speed = 20; let MyMar = null; var scroll_begin = $(this).find('.scroll_begin')[0]; var scroll_end = $(this).find('.scroll_end')[0]; var scroll_div = $(this)[0]; var isMobile = $(window).width() <= 768; if (isMobile ? $(this).find('.pad_right')[0].innerText.length >= 50 : $(this).find('.pad_right')[0].innerText.length >= 100) { scroll_begin.innerHTML += scroll_begin.innerHTML; scroll_end.innerHTML = scroll_begin.innerHTML; function Marquee() { if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0) scroll_div.scrollLeft -= scroll_begin.offsetWidth; else scroll_div.scrollLeft++; } MyMar = setInterval(Marquee, speed); // scroll_div.onmouseover = function () { // clearInterval(MyMar); // } // scroll_div.onmouseout = function () { // MyMar = setInterval(Marquee, speed); // } } }) }) $('.announcement-bar-closure').click(function () { document.getElementById("navbar_header_height").setAttribute('style', 'padding-top:0px') $('.announcement-bar').each(function () { $(this).css('display', 'none') }) $('.xp_language').css('padding-top', 0) }) </script>  <div> </div> <div class="navbar_header-warpper"> <div class="store_nav_top" id="nav"> <div class="store_nav_top_box">  <div class="mobile_navtoggle" id="mobile_navtoggle"> <i class="iconfont icon-a-icon1x-22 navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" ></i> </div>  <div class="nav_logo"> <a href="/" aria-label="link"> <img src="https://xpstore.oss-us-west-1.aliyuncs.com/img/xppen/logomoblie.svg" class="img_mobile" width="32px" height="32px" border="0" alt="image"/> <img src="https://resource.xp-pen.com/Uploads/images/20241021/RyOZCBjLCFFEtiFaFTwi.png?ver=2018072503885" border="0" width="" height="" alt="image"/> </a> </div>    <div class="navbar-menu-waprrer"> <i class="icon-a-icon1x-33 iconfont left-icon"></i> <div class="navbar-menu"> <div class="navbar-sale-activity"> <img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image"> <a href="https://www.storexppen.my/sales-event.html" aria-label="link">Happy Women's Day</a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/buy/magic-drawing-pad.html" class="navbar-menu-list-title" aria-label="link">Magic Drawing Pad</a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/series/pen-display.html" class="navbar-menu-list-title" aria-label="link">Pen Display<i class="iconfont icon-a-icon1x-34"></i></a>  <div class="nml-category-mask" > <div class="nml-not-category"> <div class="nnc-container"> <div class="nnc-warpper"> <div class="nw-content">  <a class="nc-item" href='https://www.storexppen.my/buy/magic-drawing-pad.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240122/Gbkfd8zmf9K21ZN7s7AJ.jpg" alt="Magic Drawing Pad"> </div> </div> <div class="title"> Magic Drawing Pad </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/artist-pro-24-gen2-4k.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241015/xjgR8iLpth9fQW344qAJ.jpg" alt="Artist Pro 24 Gen2 4K Display"> </div> </div> <div class="title"> Artist Pro 24 Gen2 4K Display </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/artist-22-plus.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949.jpg" alt="Artist 22 Plus - 16K"> </div> </div> <div class="title"> Artist 22 Plus - 16K </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/artist-pro-24-gen2-165hz.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241015/ozOPQjKtnNOz6l8C76As.jpg" alt="Artist Pro 24 Gen2 165HZ 2.5K Display"> </div> </div> <div class="title"> Artist Pro 24 Gen2 165HZ 2.5K Display </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/artist-pro-22-gen2.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250106/0lYxPUjHvwHjdeGxwPed.jpg" alt="Artist Pro 22 (Gen 2) - 2.5K Display"> </div> </div> <div class="title"> Artist Pro 22 (Gen 2) - 2.5K Display </div> </a> </div> </div> <div class="view-more-row"><a href="https://www.storexppen.my/series/pen-display.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/series/pen-tablet.html" class="navbar-menu-list-title" aria-label="link">Pen Tablet<i class="iconfont icon-a-icon1x-34"></i></a>  <div class="nml-category-mask" > <div class="nml-not-category"> <div class="nnc-container"> <div class="nnc-warpper"> <div class="nw-content">  <a class="nc-item" href='https://www.storexppen.my/buy/deco-640.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240709/FxDxRWNEQ5n7UkFqUpLg.jpg" alt="Deco 640"> </div> </div> <div class="title"> Deco 640 </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/deco-pro-gen2.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230814/724029aa67c3b67d7b64cc1e38dc30ca.jpg" alt="Deco Pro MW / LW / XLW Gen2 -16K"> </div> </div> <div class="title"> Deco Pro MW / LW / XLW Gen2 -16K </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/deco-01-v3.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241120/43APe2FPQyWizKnE05WF.jpg" alt="Deco 01 V3 16K Pen Pressure"> </div> </div> <div class="title"> Deco 01 V3 16K Pen Pressure </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/deco-mini7-v2.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241212/YDGFP1WfSOaVFKFLhar2.jpg" alt="Deco Mini7 V2 - 16K Pressure"> </div> </div> <div class="title"> Deco Mini7 V2 - 16K Pressure </div> </a>  <a class="nc-item" href='https://www.storexppen.my/buy/deco-mw.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1.jpg" alt="Deco MW Bluetooth - X3 Chip"> </div> </div> <div class="title"> Deco MW Bluetooth - X3 Chip </div> </a> </div> </div> <div class="view-more-row"><a href="https://www.storexppen.my/series/pen-tablet.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/topic/10.html" class="navbar-menu-list-title" aria-label="link">Accessories <i class="iconfont icon-a-icon1x-34"></i> </a>  <div class="nml-category-mask"> <div class="nml-category"> <div class="nml-warpper"> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/stylus.html" class="nw-category-title" aria-label="link"> Stylus <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/x3-pro-stylus.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/SyRhvc3vX27y6HHTWwii.jpg" alt="X3 Pro Roller Stylus & X3 Pro Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> X3 Pro Roller Stylus & X3 Pro Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/77.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220720/3cbeab5c77978ff3e1ea147b606b9ba8.jpg" alt="PH10B / PH20B - X3 Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PH10B / PH20B - X3 Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/33.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/41237654b0c87e3fd1f112ddb2567c63.jpg" alt="PA1 Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PA1 Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/34.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/e4b663fb840874a28051b4464581c6a4.jpg" alt="PA2 Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PA2 Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/35.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/f6d58dc49593518010868f56bf8c6fd1.jpg" alt="PA5 Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PA5 Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/36.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/3ab6128e831719637fd49503585bf5aa.jpg" alt="PA6 Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> PA6 Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/30.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210527/10178225a26ed5c2ea8a43fc575e90a8.jpg" alt="P05 / P05S Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> P05 / P05S Battery-free Stylus </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/38.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/766866c4f3c9e90f76cfffb94e838868.jpg" alt="P05R Battery-free Stylus" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> P05R Battery-free Stylus </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/stylus.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/nibs.html" class="nw-category-title" aria-label="link"> Nibs <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/41.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/80a3e5d13364fd3014fca810700209ba.jpg" alt="Replacement Nibs-Pack of 50" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Replacement Nibs-Pack of 50 </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/50.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220812/43880100197e7a5e360917fe47b81995.png" alt="Felt Nibs for X3/X3 Pro stylus & drawing pad" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Felt Nibs for X3/X3 Pro stylus & drawing pad </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/nibs.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/stands.html" class="nw-category-title" aria-label="link"> Stands & Gloves <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/cat-glove.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240113/Pv7nzrQANj82iz0EjaEU.jpg" alt="Standard Drawing Glove" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Standard Drawing Glove </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/51.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/88dcf1800456a362210e206f9d5cc393.jpg" alt="AC08 S/M/L Drawing Glove" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> AC08 S/M/L Drawing Glove </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/acs05-display-stand.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220706/b0729b13d96ac9080e24207dc1ebcd58.jpg" alt="ACS05 Display Stand" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACS05 Display Stand </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/stands.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/case.html" class="nw-category-title" aria-label="link"> Protective Case <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/74.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220221/1aca0389c45e9c7ecadb38769e97dd1b.jpg" alt="ACJ02/ACJ03 Sleeve Case" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACJ02/ACJ03 Sleeve Case </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/73.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220221/e26e1b71c47712aa3748cd89ea3b520e.jpg" alt="ACJ08/ACJ09 Sleeve Case" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACJ08/ACJ09 Sleeve Case </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/acj10.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241028/KBtnUC63ErTEOyh9qxJJ.jpg" alt="ACJ10 for Magic Drawing Pad" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACJ10 for Magic Drawing Pad </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/case.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/film.html" class="nw-category-title" aria-label="link"> Protective Film <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/46.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/0fe4c19593b8a991685141f5053e909d.jpg" alt="Protective Film for Drawing Tablet (2PCS)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Protective Film for Drawing Tablet (2PCS) </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/47.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/1c4008f362b56cf3b73277872d8116b1.jpg" alt="Protective Film for 12-15.6inch screen(Pack of 2)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Protective Film for 12-15.6inch screen(Pack of 2) </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/49.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/3304ea4dd0edbcca67cbab7f93682a97.jpg" alt="Protective Film for Artist 22-24 inch Display (2PCS)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Protective Film for Artist 22-24 inch Display (2PCS) </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/79.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230320/7669f5dfe98b311b5613df0f5a3f7a21.jpg" alt="Paper-like Protective Film (2pcs)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Paper-like Protective Film (2pcs) </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/film.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/shortcut-remote-others.html" class="nw-category-title" aria-label="link"> Shortcut Remote & Others <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/ack08-keyboard.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/Yj5Ox1co8EKQg2J8LO4n.jpg" alt="ACK08 Keyboard for Magic Drawing Pad" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACK08 Keyboard for Magic Drawing Pad </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/ack05-shortcutremote.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230925/b46547af536f2b345f2fa42bf391acd1.jpg" alt="ACK05 Shortcut Remote" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> ACK05 Shortcut Remote </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/76.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220621/2bdf838f59df554e9bc5dfcc55ec31c2.jpg" alt="Pen Holder for PH10B" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Pen Holder for PH10B </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/canvas-bag.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230817/d3d0a81ab0bb2e5f270f2145195d62ca.png" alt="XPPEN Canvas Bag" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> XPPEN Canvas Bag </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/27.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210513/4bcb341f40fcee9e3785dee937eef69d.jpg" alt="Shortcut Keys Sticker (Pack of 8)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Shortcut Keys Sticker (Pack of 8) </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/shortcut-remote-others.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> <div class="nw-category-item"> <div class="nw-category-warpper"> <a href="http://www.storexppen.my/series/cable.html" class="nw-category-title" aria-label="link"> Cables <i class="iconfont icon-a-icon1x-32"></i> </a> <div class="nw-category-content"> <a class="ncc-litem" href='https://www.storexppen.my/buy/68.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20211126/350133538ea4c26ac7f4e5e00a89f0d0.jpg" alt="Type C to Type C Cable" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> Type C to Type C Cable </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/45.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/b8c3bc9d269c877093542d72dfe2cbd5.jpg" alt="3 in 1 Cable for XP-PEN Drawing Display(Cable)" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> 3 in 1 Cable for XP-PEN Drawing Display(Cable) </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/75.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220514/8b73eeb03555ae7b7383e32c9abb718d.jpg" alt="AC59 USB Adaptor to Android Device" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> AC59 USB Adaptor to Android Device </div> </a> <a class="ncc-litem" href='https://www.storexppen.my/buy/55.html' aria-label="link"> <div class="nl-img-warpper"> <div class="niw-img"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/c9ddf50d39d1a5d86dc149c8642a7dea.jpg" alt="USB Cable for Drawing Tablet" class="ncc-litem-img"> </div> </div> <div class="ncc-litem-title"> USB Cable for Drawing Tablet </div> </a> <div class="view-more-row"><a href="http://www.storexppen.my/series/cable.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.my/topic/5.html" class="navbar-menu-list-title" target='_blank' aria-label="link">Installment </a> </div> </div> <i class="icon-a-icon1x-32 iconfont right-icon"></i> </div> <div class="navbar_right member">  <div class="menu-search"> <i class="iconfont icon-a-icon1x-30"></i> </div>  <div class="navmenu_hover navbar_right_cart nav_carts" id="nav_carts"> <a class="shownavcart" href="https://www.storexppen.my/cart/index.html" aria-label="link"> <i class="iconfont icon-shopping-cart" id="cart_icon"> <span class="badge badge-primary icon_cart_num" style="display: inline-block;vertical-align: sub;">0</span> </i> </a> </div>  <div class="navmenu_hover navbar_right_account" id="nav_accounts"> <a aria-label="link" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/buy/deco-mw.html&lang=my&webref=' class="login1" rel='nofollow'> <i class="iconfont icon-user"></i> </a> <ul class="navbar_account_menu login_content"> <span class="nav_bagview_caret right_account"></span> <li><a aria-label="link" id="login_url" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/buy/deco-mw.html&lang=my&webref=' class="login2" rel="nofollow"> Sign in</a></li> <li><a aria-label="link" href='https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.my/buy/deco-mw.html&lang=my&webref=' class="login3" rel="nofollow">Register</a></li> </ul> </div> </div>  <div class="" id="openUser" style='display: none'> <a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/buy/deco-mw.html&lang=my&webref=" rel="nofollow" aria-label="login"> <i class="iconfont icon-account"></i> </a> </div> </div> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <div class="navbarToggleExternalContent-warpper">  <div class="moblie-menu"> <div class="moblie-menu-sale-activity"> <a href='https://www.storexppen.my/sales-event.html' aria-label="link"><img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image">Happy Women's Day</a> </div> <div class="moblie-menu-item"> <div class="mei-title"> Magic Drawing Pad <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="https://www.storexppen.my/series/magic-drawing-pad.html" class="mw-view-more">View More</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> Pen Display <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/magic-drawing-pad.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240122/Gbkfd8zmf9K21ZN7s7AJ.jpg" alt="Magic Drawing Pad"> </div> <div class="title"> Magic Drawing Pad </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/artist-pro-24-gen2-4k.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241015/xjgR8iLpth9fQW344qAJ.jpg" alt="Artist Pro 24 Gen2 4K Display"> </div> <div class="title"> Artist Pro 24 Gen2 4K Display </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/artist-22-plus.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20231103/abea541729b88ff6f0c9686cda7ed949.jpg" alt="Artist 22 Plus - 16K"> </div> <div class="title"> Artist 22 Plus - 16K </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/artist-pro-24-gen2-165hz.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241015/ozOPQjKtnNOz6l8C76As.jpg" alt="Artist Pro 24 Gen2 165HZ 2.5K Display"> </div> <div class="title"> Artist Pro 24 Gen2 165HZ 2.5K Display </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/artist-pro-22-gen2.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250106/0lYxPUjHvwHjdeGxwPed.jpg" alt="Artist Pro 22 (Gen 2) - 2.5K Display"> </div> <div class="title"> Artist Pro 22 (Gen 2) - 2.5K Display </div> </a> <a href="https://www.storexppen.my/series/pen-display.html" class="mw-view-more">View More</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> Pen Tablet <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/deco-640.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240709/FxDxRWNEQ5n7UkFqUpLg.jpg" alt="Deco 640"> </div> <div class="title"> Deco 640 </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/deco-pro-gen2.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230814/724029aa67c3b67d7b64cc1e38dc30ca.jpg" alt="Deco Pro MW / LW / XLW Gen2 -16K"> </div> <div class="title"> Deco Pro MW / LW / XLW Gen2 -16K </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/deco-01-v3.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241120/43APe2FPQyWizKnE05WF.jpg" alt="Deco 01 V3 16K Pen Pressure"> </div> <div class="title"> Deco 01 V3 16K Pen Pressure </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/deco-mini7-v2.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241212/YDGFP1WfSOaVFKFLhar2.jpg" alt="Deco Mini7 V2 - 16K Pressure"> </div> <div class="title"> Deco Mini7 V2 - 16K Pressure </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/deco-mw.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1.jpg" alt="Deco MW Bluetooth - X3 Chip"> </div> <div class="title"> Deco MW Bluetooth - X3 Chip </div> </a> <a href="https://www.storexppen.my/series/pen-tablet.html" class="mw-view-more">View More</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> Accessories <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content" >  <div class="mwc-item"> <div class="mwc-title"> Stylus <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/x3-pro-stylus.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/SyRhvc3vX27y6HHTWwii.jpg" alt="X3 Pro Roller Stylus & X3 Pro Stylus"> </div> <div class="title"> X3 Pro Roller Stylus & X3 Pro Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/77.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220720/3cbeab5c77978ff3e1ea147b606b9ba8.jpg" alt="PH10B / PH20B - X3 Stylus"> </div> <div class="title"> PH10B / PH20B - X3 Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/33.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/41237654b0c87e3fd1f112ddb2567c63.jpg" alt="PA1 Battery-free Stylus"> </div> <div class="title"> PA1 Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/34.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/e4b663fb840874a28051b4464581c6a4.jpg" alt="PA2 Battery-free Stylus"> </div> <div class="title"> PA2 Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/35.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/f6d58dc49593518010868f56bf8c6fd1.jpg" alt="PA5 Battery-free Stylus"> </div> <div class="title"> PA5 Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/36.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/3ab6128e831719637fd49503585bf5aa.jpg" alt="PA6 Battery-free Stylus"> </div> <div class="title"> PA6 Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/30.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210527/10178225a26ed5c2ea8a43fc575e90a8.jpg" alt="P05 / P05S Battery-free Stylus"> </div> <div class="title"> P05 / P05S Battery-free Stylus </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/38.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/766866c4f3c9e90f76cfffb94e838868.jpg" alt="P05R Battery-free Stylus"> </div> <div class="title"> P05R Battery-free Stylus </div> </a> <a href="https://www.storexppen.my/series/stylus.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Nibs <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/41.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210528/80a3e5d13364fd3014fca810700209ba.jpg" alt="Replacement Nibs-Pack of 50"> </div> <div class="title"> Replacement Nibs-Pack of 50 </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/50.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220812/43880100197e7a5e360917fe47b81995.png" alt="Felt Nibs for X3/X3 Pro stylus & drawing pad"> </div> <div class="title"> Felt Nibs for X3/X3 Pro stylus & drawing pad </div> </a> <a href="https://www.storexppen.my/series/nibs.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Stands & Gloves <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/cat-glove.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240113/Pv7nzrQANj82iz0EjaEU.jpg" alt="Standard Drawing Glove"> </div> <div class="title"> Standard Drawing Glove </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/51.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/88dcf1800456a362210e206f9d5cc393.jpg" alt="AC08 S/M/L Drawing Glove"> </div> <div class="title"> AC08 S/M/L Drawing Glove </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/acs05-display-stand.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220706/b0729b13d96ac9080e24207dc1ebcd58.jpg" alt="ACS05 Display Stand"> </div> <div class="title"> ACS05 Display Stand </div> </a> <a href="https://www.storexppen.my/series/stands.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Protective Case <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/74.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220221/1aca0389c45e9c7ecadb38769e97dd1b.jpg" alt="ACJ02/ACJ03 Sleeve Case"> </div> <div class="title"> ACJ02/ACJ03 Sleeve Case </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/73.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220221/e26e1b71c47712aa3748cd89ea3b520e.jpg" alt="ACJ08/ACJ09 Sleeve Case"> </div> <div class="title"> ACJ08/ACJ09 Sleeve Case </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/acj10.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241028/KBtnUC63ErTEOyh9qxJJ.jpg" alt="ACJ10 for Magic Drawing Pad"> </div> <div class="title"> ACJ10 for Magic Drawing Pad </div> </a> <a href="https://www.storexppen.my/series/case.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Protective Film <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/46.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/0fe4c19593b8a991685141f5053e909d.jpg" alt="Protective Film for Drawing Tablet (2PCS)"> </div> <div class="title"> Protective Film for Drawing Tablet (2PCS) </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/47.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/1c4008f362b56cf3b73277872d8116b1.jpg" alt="Protective Film for 12-15.6inch screen(Pack of 2)"> </div> <div class="title"> Protective Film for 12-15.6inch screen(Pack of 2) </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/49.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/3304ea4dd0edbcca67cbab7f93682a97.jpg" alt="Protective Film for Artist 22-24 inch Display (2PCS)"> </div> <div class="title"> Protective Film for Artist 22-24 inch Display (2PCS) </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/79.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230320/7669f5dfe98b311b5613df0f5a3f7a21.jpg" alt="Paper-like Protective Film (2pcs)"> </div> <div class="title"> Paper-like Protective Film (2pcs) </div> </a> <a href="https://www.storexppen.my/series/film.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Shortcut Remote & Others <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/ack08-keyboard.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240627/Yj5Ox1co8EKQg2J8LO4n.jpg" alt="ACK08 Keyboard for Magic Drawing Pad"> </div> <div class="title"> ACK08 Keyboard for Magic Drawing Pad </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/ack05-shortcutremote.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230925/b46547af536f2b345f2fa42bf391acd1.jpg" alt="ACK05 Shortcut Remote"> </div> <div class="title"> ACK05 Shortcut Remote </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/76.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220621/2bdf838f59df554e9bc5dfcc55ec31c2.jpg" alt="Pen Holder for PH10B"> </div> <div class="title"> Pen Holder for PH10B </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/canvas-bag.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20230817/d3d0a81ab0bb2e5f270f2145195d62ca.png" alt="XPPEN Canvas Bag"> </div> <div class="title"> XPPEN Canvas Bag </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/27.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210513/4bcb341f40fcee9e3785dee937eef69d.jpg" alt="Shortcut Keys Sticker (Pack of 8)"> </div> <div class="title"> Shortcut Keys Sticker (Pack of 8) </div> </a> <a href="https://www.storexppen.my/series/shortcut-remote-others.html" class="mw-view-more">View More</a> </div> </div> </div>  <div class="mwc-item"> <div class="mwc-title"> Cables <i class="icon-a-icon1x-34 iconfont"></i> </div> <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.my/buy/68.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20211126/350133538ea4c26ac7f4e5e00a89f0d0.jpg" alt="Type C to Type C Cable"> </div> <div class="title"> Type C to Type C Cable </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/45.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/b8c3bc9d269c877093542d72dfe2cbd5.jpg" alt="3 in 1 Cable for XP-PEN Drawing Display(Cable)"> </div> <div class="title"> 3 in 1 Cable for XP-PEN Drawing Display(Cable) </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/75.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20220514/8b73eeb03555ae7b7383e32c9abb718d.jpg" alt="AC59 USB Adaptor to Android Device"> </div> <div class="title"> AC59 USB Adaptor to Android Device </div> </a> <a class="mei-item" href='https://www.storexppen.my/buy/55.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/my/goods/20210529/c9ddf50d39d1a5d86dc149c8642a7dea.jpg" alt="USB Cable for Drawing Tablet"> </div> <div class="title"> USB Cable for Drawing Tablet </div> </a> <a href="https://www.storexppen.my/series/cable.html" class="mw-view-more">View More</a> </div> </div> </div> </div> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.my/topic/5.html' aria-label="link"> Installment </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">View More</a> </div> </div> </div> <div class="foot_margin_end nm-toolbar"> <div style="color:#000;border: 1px solid #CECCD3;;text-align:left;border-radius: 6px;cursor: pointer;display: flex;align-items: center; justify-content: space-between;width: 350px;background: #fff;" class="countryLanguageSelectOpen countryLanguageSelectOpen2"> <p class="current_site_name">Malaysia Official Store</p> <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> </div> </div> </div> </div> </div> </div> <div class="search-warpper"> <div class="nav_search" id="nav_searchs"> <form class="search_form_bar" action="https://www.storexppen.my/search/index.html" method="get"> <div class="search_form_wrapper"> <div class="search_form_input"> <div class="input_box" style="flex: 1;"> <button type="button" class="search_btn" aria-label="search button"><i class="iconfont icon-search"></i></button> <input class="search_input" id="searchInput" name="search_word" type="search" placeholder="search" autocomplete="off" value=""> <i class="iconfont icon-a-icon1x-31 close-icon" ></i> </div> <button type="button" class="inp_search search_btn">search</button> </div> <div class="search_form_close"> <span class="close_text"> <i class="iconfont icon-close"></i> </span> </div> </div> <div class="history"> <div class="history_title"> <div>HISTORIC_RECORDS</div> <div>CLEAR_ALL</div> </div> <div class="history_btn"> </div> </div> <div class="search_bar_menu" id="searchMenu" aria-hidden="true"> <div class="searchMenu-warpper"> <div class="sw-result"> <p class="title">Recommendations</p> <ul class="search_bar_menu_linklist search-list-box"> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="46">Artist 16 2nd Gen</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="47">Artist 12 2nd Gen</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="48">Artist 13.3 2nd Gen</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="49">Artist 22R Pro</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="50">DECO 01V2</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="51">Deco MW</span> <span class="module_bag_hot_show">HOT</span> </li> </ul> </div> <div class="sw-history"> <p class="history-title">HISTORIC_RECORDS</p> <ul class="search_bar_menu_linklist search_history"> </ul> </div> </div> </div> </form> </div> <script> var swiper = new Swiper(".mySwiper", { slidesPerView: 2, spaceBetween: 9, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> <script> $(function () { $('#searchInput').bind('input propertychange', debounce(ajaxGetSearchResult,300,false)); function debounce (fn, delay, immediate) { var timer = null; immediate = immediate || false; return function() { var context = this; var args = arguments; timer && clearTimeout(timer); if (immediate) { var callbackNow = !timer; timer = setTimeout(() => { timer = null; }, delay); callbackNow && fn.apply(context, args); } else { timer = setTimeout(() => { fn.apply(context, args); }, delay); } } } function ajaxGetSearchResult(){ $.ajax({ url: _ROOT_+"search/ajaxGetSearchWord", type: "get", dataType: "json", data: { "keyword": $('#searchInput').val() }, success: function (data) { let searchData = data.data let source = '' if(searchData?.recommend_keyword){ for (let i = 0; i < searchData.goods_list.length; i++) { source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData.goods_list[i].goods_name}" data-url="${searchData.goods_list[i].buy_url}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData.goods_list[i].goods_name}</a> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = $(this).attr('data-url'); }) }else{ for (let i = 0; i < searchData.length; i++) { source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData[i]}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData[i]}</span> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).attr('data-search'); }) } KeyWordExpHwTag(); return true; } }) } }) $('#searchInput').bind('keydown', function (event) { if (event.keyCode == "13") { if ($(this).val() != 'undefined') { let search_key = $(this).val(); updatePubAttr({ "key_word": search_key, "key_word_type": "direct_words", "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type": "direct_words", }); localStorage['SearchResults'] = JSON.stringify({ "key_word" : search_key, "key_word_type" : "direct_words", "result_number" : 0, }); store_search_history(search_key); } } }) $('.search_form_input .close-icon').click(function(){ $('#searchMenu').animate({height:"0"},300,function () { $(this).hide() $('.search-warpper').hide() $('#searchMenu').height('auto') $('.search_bar_menu').attr('aria-hidden', true); }) $('body').off('click'); }) function base64Encode(str) { return btoa(encodeURIComponent(str)); } function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); }; return null; } // if (window.location.pathname == '/search/index.html') { // console.log("nononononono") // $('#searchInput').val("") // } function searchKeywordsHwTag($this){ try { var key_word_type; var parentUl = $this.closest('ul'); if(parentUl.attr('class').includes('search_history')) { key_word_type = 'history_words'; }else{ key_word_type = 'related_words'; } let key_word = $this.text().trim(); updatePubAttr({ "key_word": key_word, "key_word_type" : key_word_type, "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'SearchKeywords', { "key_word": key_word, "key_word_type" : key_word_type, }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : $this.text().trim(), 'key_word_type' : 'related_words', 'result_number' :1 }); } catch (e) { console.log(e.message); } } function KeyWordExpHwTag(){ try { let eventParam = []; $("ul.search-list-box li").each(function () { eventParam.push({ "key_word": $(this).find('.search_input').text().trim().replace(/\n/g, '') , "key_word_type":"recommend_words" , "key_word_number": $(this).index()+1 , }); }); $(".search_input").each(function () { let key_word = $(this).find('.search_bar_menu_link').text().trim().replace(/\n/g, ''); if(key_word){ eventParam.push({ "key_word": key_word , "key_word_type":"history_words" , "key_word_number": $(this).index()+1 , }); } }); console.log(eventParam); updatePubAttr({ "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'KeyWordExp', eventParam); }catch (e){ console.log(e.message); } } </script> </div> </div>   </header> <div class="shop-drawer-warpper"> <div class="mask"> </div> <div class="shop-drawer"> <div class="drawer"> <div class="drawer-title"> <div class="dt"> Shopping Cart <span class="icon-colose iconfont"></span> </div> </div> <div class="drawer-container"> <div class="drawer-warpper"> </div> <div class="drawer-pay"> <div class="total"> <p> </p> <div class="price"> <p class="discount"></p> <p class="actual"></p> </div> </div> </div> </div> </div> </div> </div> <div class="" id="store_SiteSwitchMask"></div> <div id="store_SiteSwitch"> <div class="SS_el-dialog new_Year_star0"> <div class="SS_el-dialog_icon"><i class="iconfont icon-colose "></i></div> <div class="SS_el-dialog_tit"> Choose your country or region</div> <div class="SS_el-dialog_region">  </div> </div> </div> <script async src="/newxp/static2024/js/index/header.js?ver=202502241"></script> <script src="/newxp/static2024/js/index/lazy.js?ver=202502241"></script> <script src="/newxp/static2024/js/ziyon/jquery.raty.min.js?ver=202502241"></script> <script> var flat = true var announcementBarSwiper = new Swiper('.navbar_header1 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) var announcementBarSwiper2 = new Swiper('.navbar_header2 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) if (_LANG_ != 'jp') { // 评论置顶 $(window).on('scroll', function () { var windowscrollWidth = $(window).width(); if (windowscrollWidth > 768) { if ($(window).scrollTop() <= 136) { $('.navbar_header2').css('position', 'relative') $('.navbar_header2').css('display', 'none') flat = true $($('.shownavcart')[1]).parents('.navbar_right_cart').removeClass('open') } else if ($(window).scrollTop() > 136) { $('.navbar_header2').css('display', 'block') $('.navbar_header2').css('position', 'fixed') $('.navbar_header2').css('z-index', '999') $('.navbar_header2').css('top', '0') $('.navbar_header2').css('overflow', 'visible') flat = false $($('.shownavcart')[0]).parents('.navbar_right_cart').removeClass('open') }}});} </script> <script type="text/javascript" charset="utf-8"> $(function () { const pictureLazy = () => { let winWidth = $(window).innerWidth() if (winWidth <= 768) { $(".lazymobie").scrollLoading();//移动端 } else { $(".lazypc").scrollLoading();//pc端 } $(".lazy").scrollLoading();//共用 } (window.onresize = () => { pictureLazy() })() $(document).on("click", ".SS_el-dialog_icon i", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch .SS_el-dialog", function (e) { e.stopPropagation();//阻止事件冒泡即可 }); $(document).on("click", ".jump2site", function (e) { var urls = $(this).attr('data-url'); urls = urls.split(','); newsetCookie('user_select', 1); newsetCookie('select_jump', urls[0]); window.parent.location = urls[0] + "?user_select=1"; }); $('.form-select').click(function () { if (this.value === 'change-site') { this.options[0].selected = true; selectSite(); } }); $(document).on("click", ".countryLanguageSelectOpen", function () { selectSite(); }); $(document).on("click", ".nation-select", function () { selectSite(); }); $(document).on("click", ".header-word-waprrer .hww-warpper .location-select", function () { selectSite(); }); $('.navbar_header-nation .nation-close').click(function () { $('.navbar_header-nation').hide() localStorage.setItem('ip_pop',1) }) if(localStorage.getItem('ip_pop')!=1){ $('.navbar_header-nation').css('display','flex') } function selectSite() { var index = layer.load(1); $.ajax({ type: "POST", url: 'https://www.storexppen.my/index/selectsite.html', //+tab,"/index/selectSite" data: { action: "json" }, dataType: "json", success: function (data) { layer.close(index); var workHtml = ""; var workul = ""; $.each(data, function (index, value) { workHtml += '<div class="SS_el-dialog_country">' + '<div class="SS_el-dialog_cytit">' + value.fullname + '</div>' + '<ul class="SS_el-dialog_country_list" >' $.each(value.child, function (index1, value1) { workHtml += '<li class="SS_el-dialog_cylist"><span class="jump2site" data-url="' + value1.jump_url + '"><span> ' + value1.title + '</span><span></span>' + '</span></li>' }); workHtml += '</ul>' + '</div>'; }); $("#store_SiteSwitch .SS_el-dialog_region").html(workHtml); $("#store_SiteSwitchMask").show(); $("#store_SiteSwitch").fadeIn(300); $('html').addClass('sitebodyhidee'); } }); } var initSearshList = $('.search-list-box').html() let initsbmHeight = '' let searchMenu = document.getElementById('searchMenu'); $('.menu-search .iconfont').click(function () { if(localStorage.getItem('xppen/search_history')!=null){ if(JSON.parse(localStorage.getItem('xppen/search_history')).length==0){ $('#searchMenu .history-title').hide() initsbmHeight='' }else{ $('#searchMenu .history-title').show() } }else{ initsbmHeight='' $('#searchMenu .history-title').hide() } $('.navbar_header .search-warpper').show() $('.search_bar_menu').attr('aria-hidden', false); $('.search_bar_menu').show() if($('.search_bar_menu_linklist li').length<=5){ let sbmHeight = '300px'; }else{ let sbmHeight = $('.search_bar_menu').height(); } if(initsbmHeight==''){ if($('.search_bar_menu_linklist li').length<=5){ initsbmHeight = '300px'; }else{ initsbmHeight = $('.search_bar_menu').height(); } } $('#searchInput').val('') $('.search-list-box').html(initSearshList) $('.search_bar_menu').height('0px').animate({ height: initsbmHeight!=''?initsbmHeight:sbmHeight }, 300); setTimeout(function(){ $('body').click(function(e){ if(!JSON.parse($('.search_bar_menu').attr('aria-hidden'))){ if(!document.querySelectorAll('.navbar_header-warpper')[0].contains(e.target)){ $('.search_form_input .close-icon').click() } } }) },400) $('.search_bar_menu_link').click(function () { SearchKeywordsHwTag($(this)); var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) }) $('.search_bar_menu_link').click(function () { var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) let url = window.location.href if (url.indexOf('?user_select=1') !== -1) { url = url.replace('?user_select=1', '') window.history.pushState({}, '', url) } function SearchKeywordsHwTag($this){ let search_key = $this.html() if($this.closest('ul').hasClass('search_history')){ updatePubAttr({ "key_word": search_key, "key_word_type" : 'history_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }) hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'history_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'history_words', 'result_number' :0 }); }else{ updatePubAttr({ "key_word": search_key, "key_word_type" : 'recommend_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'recommend_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'recommend_words', 'result_number' :0 }); } } }); </script> <script> $(function () { renew_cart_list() $('#mobile_navtoggle .navbar-toggler').click(function(){ $('.navbarToggleExternalContent-warpper').find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) }) $('.navbar_header .nw-category-title').hover(function () { if (!$(this).parent().parent().hasClass('nw-category-item-active')) { $('.navbar_header .nw-category-item').each(function () { $(this).removeClass('nw-category-item-active') }) $(this).parent().parent().addClass('nw-category-item-active') } }) $('.navbar_header .navbar-menu .navbar-menu-list').hover(function () { $(this).find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) $($(this).find('.nw-category-item')[0]).addClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(180deg)') $(this).find('.nml-category-mask').fadeIn() if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'320px'},350,function(){ $(this).find('.nnc-container').fadeIn(800) }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'600px'},350,function(){ $(this).find('.nml-warpper').fadeIn(800,function(){ $(this).css('display','flex') }) }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('left',$(this).offset().left -50) $(this).find('.nml-item-warpper .nml-item').css('display','flex') } }, function () { $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nnc-container').hide() $(this).parent().hide() }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nml-warpper').css('display','none') $(this).parent().hide() }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('display','none') } }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $(window).scroll(function() { if($(window).width()>1024){ $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') $(this).find('.nml-category-mask').hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').parent().hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').parent().hide() } }); let height = $('.navbar_header').height() $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) $('#collapsibleNavbar').on('show.bs.collapse', function () { $("body").css({"overflow":"hidden","height":`calc(${window.innerHeight}px - ${height}px)`}) $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) }).on('hide.bs.collapse', function () { $("body").css({ "overflow": "auto", "height": "auto" }) }); $('.shop-drawer-warpper .mask').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.shop-drawer .icon-colose').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.moblie-menu .mei-title').click(function (e) { $($(this).parent().find('.mei-warpper-content')[0]).toggle() }) $('.moblie-menu .mwc-title').click(function (e) { $(this).parent().find('.mei-warpper-content').toggle() }) $('.header-word-waprrer .toggle-word').click(function(){ $(this).parent().find('.hww-warpper').toggle() }) if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } } window.addEventListener('resize',function() { if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }); $('.navbar-menu-waprrer .left-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: '0' }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') }) }) $('.navbar-menu-waprrer .right-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: $('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth - $('.navbar-menu-waprrer .navbar-menu')[0].clientWidth }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') }) }) var before_request = 1; function renew_cart_list() { let cartRoter = [_ROOT_ + 'cart/index.html', _ROOT_ + 'Cart/index', _ROOT_ + 'Cart/index.html', _ROOT_ + 'cart/index'] $.ajax({ type: "POST", url: _ROOT_ + "Cart/getCart",//+tab, data: { "selected": 0, "selectedPrice": 0, "cart_page": cartRoter.includes(_ROOT_.includes('https') ? 'https://' + window.location.host + window.location.pathname : window.location.pathname) ? 1 : 0 },// 你的formId success: function (data) { $(".drawer-container").html(''); $(".drawer-container").append(data); } }); } $(window).on('scroll', function () { $('.hww-warpper').hide() }) $('body').click(function(e) { if ($('.word-waprrer .hww-warpper').css('display') != 'none') { console.log(e.target) if(document.querySelectorAll('.word-waprrer').length>0){ if(!document.querySelectorAll('.word-waprrer')[0].contains(e.target)){ $('.word-waprrer .hww-warpper').hide() } } } if ($('.dollar-waprrer .hww-warpper').css('display') != 'none') { if(document.querySelectorAll('.dollar-waprrer').length>0){ if(!document.querySelectorAll('.dollar-waprrer')[0].contains(e.target)){ $('.dollar-waprrer .hww-warpper').hide() } } } }); }); </script> <script type="text/javascript" charset="utf-8"> var oss_host = 'https://resource.xp-pen.com'; var _OSS_STATIC_ = oss_host + '/newxp/static/'; var isSupportWebp; (function (doc, _this) { var image = new Image(); image.onload = function () { if (image.width === 1) { document.documentElement.classList.add('webp'); isSupportWebp = 1; } else { isSupportWebp = 0; } }; image.src = "data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA=="; })(document); function webpFormat(file) { if (isSupportWebp) { if (file.indexOf(oss_host) !== -1) { return file.replace(/\.[^.]+$/, '.webp'); } } return file; } </script> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/shoping/productpage.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/shoping/jq22.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/detail.css?ver=202502241"> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/index.css?ver=202502241"/> <link rel="stylesheet" type="text/css" href="/newxp/static2024/ace/css/select2.min.css" /> <script type="text/javascript" src="/newxp/static2024/ace/js/select2.min.js"></script> <style> .select2-container { max-width: 100%!important; } .select2-container .select2-selection--single{ height: 35px; margin-top: 20px; } .select2-selection__arrow { display: none; } .country_reference:after{ display: none; } .relation_list ul{ justify-content: center; } .relation_list ul li{ margin: 0 .5%; } .relation_list ul li .img img{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .essential-list{ margin-top: 14px; } .cus-label-ico{ position: absolute; top: -12px; right: -7px; } .cus-label-ico p{ position: absolute; top: 18px; left: -9px; color: #fff; font-size: 13px; font-weight: bold; width: 130px; text-align: center; white-space: nowrap; -webkit-transform: rotate(35deg) scale(.5); -moz-transform: rotate(35deg) scale(.5); -oz-transform: rotate(35deg) scale(.5); transform: rotate(35deg) scale(0.5); } .cus-label-info { position: absolute; right: 10px; bottom: 40px; color: #289864; font-weight: 400; font-size: 12px; line-height: 1.5; padding: 2px 8px ; background: #EBF9F2; border-radius: 4px 4px 4px 0px; border: 1px solid #ADE5CB; } .popover-header{ background-color: transparent; border: 0; } .popover-header,.popover-body{ padding: 0; font-size: 16px; color: rgba(0,0,0,0.8); line-height: 1.5; } .popover-header{ font-size: 16px; font-weight: 700; color: #000000; padding-bottom: 0; } .popover{ border: 0; box-shadow: 0px 8px 40px 0px rgba(0,0,0,0.08); } .specifications-popover-wapprer{ } .specifications-popover-wapprer .attribute{ margin-bottom: 24px; } .specifications-popover-wapprer .attribute .attribute-title{ font-size: 14px;color: #000000;line-height: 21px;margin-bottom: 8px; } .specifications-popover-wapprer .attribute .attribute-container .ac-item{ display: inline-block; height: 37px; line-height: 37px; border-radius: 4px 4px 4px 4px; padding: 0 16px; font-weight: 500; border: 1px solid #646464; margin-right: 16px; cursor: pointer; margin-bottom: 10px; } .specifications-popover-wapprer .attribute .attribute-container .ac-active{ border: 1px solid #FF640A !important; color: #FF640A; } .specifications-popover-wapprer .attribute .attribute-container .ac-disable{ border: 1px dashed #c9cdd0 !important; background-color: #f5f7f8 !important; color: #9ca0a4 !important; pointer-events: none; cursor: default; } .popover{ max-width: 450px; width: 450px; } .sp-confirm{ width: 100%; line-height: 40px; background: #FF640A; border-radius: 4px 4px 4px 4px; height: 40px; text-align: center; color: #fff; cursor: pointer; } .shipping_tips{ max-width: 500px; } </style> <script> var isOpenStateEstimate = 1</script> <div class="crumbs ellipsis" id="crumbs"> <a href="https://www.storexppen.my" aria-label="link">Home</a> <span>/</span> <a href="https://www.storexppen.my/series/pen-tablet.html" aria-label="link">Pen Tablet</a> <span>/</span> <span style="color: rgba(0,0,0,1);">Deco MW Bluetooth - X3 Chip</span> </div> <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.storexppen.my"},{"@type":"ListItem","position":2,"name":"Pen Tablet","item":"https://www.storexppen.my/series/pen-tablet.html"},{"@type":"ListItem","position":3,"name":"Deco MW Bluetooth - X3 Chip","item":""}]}</script><style> .crumbs a:hover{ color: rgba(0,0,0,1); } </style>  <div class="homepage_1_2"> <div class="col-xl-7 col-lg-7 col-md-12 padding0" id="topHomePage" style="padding-left: 0;padding-right: 40px;"> <div></div> <div class="product-box">  <style> .zoom-gallery-slide { display: none!important; width: 100%; } .spec-preview{width: 100%;display: none} iframe{ width: 100%; height: 500px; } .spec-preview.active { display: inline-block; width: 100%; } .jqzoom{ float: inherit; height: 100%; } /* .jqzoom img{ width: 100%; height: 100%; background: none; } */ #videoPlayCover .icon-youtube1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 60px; color: #ff011d; } .MagicZoom{ /*width: 100%!important;*/ } .video-slide { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-slide iframe, .video-slide object, .video-slide embed { position:absolute; top:0; left:0; width:100%; height:100%; } .wrapper{ position: fixed; display: none; justify-content: center; align-self: center; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999; height: 100%; background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-color: rgba(255, 255, 255); background-size: 50%; } .wrapper:hover{ cursor: zoom-out; } .wrap_carousel { width: 90%; cursor:auto; max-width: 615px; overflow: hidden; margin: auto; left: 0; bottom: 0; right: 0; } .wrap_carousel .car_img{ /* display: inline-block; */ display: flex; align-items: center; height: 100%; /* transform: translate3d(0px, 0px, 0px); */ /* transition-duration: 500ms; */ } .wrap_carousel .car_img img { width: 100%; min-width: 625px; object-fit: cover; height: auto; flex: 1; } .sel_iconl { cursor: pointer; /* background-image: url(/static/images/iconL.png); */ width: 48px; height: 48px; position: absolute; left: 10px; top: 50%; text-align: center; border-radius: 50%; } .sel_icon i { font-size: 24px; color: #707070; font-size: 24px; background: #FFFFFF; border: 1px solid #CECCD3; border-radius: 50%; padding: 8px; transition: 0.5s; } .sel_icon i:hover{ background: rgba(0,0,0,0.06); /* border: 1px solid #E5E5E5; */ } .sel_icon i:active{ border: 1px solid #E5E5E5; color: #FF640A; } .sel_iconr { cursor: pointer; /* background-image: url(/static/images/iconR.png); */ width: 48px; height: 48px; position: absolute; right: 10px; top: 50%; text-align: center; border-radius: 50%; } .sel_close { cursor: pointer; /* background-image: url(/static/images/iconR.png); */ width: 48px; height: 48px; position: absolute; right: 10px; top: 10%; text-align: center; border-radius: 50%; } .thumbList { display: flex; justify-content: center; align-items: center; padding: 16px 0; gap: 15px; border-top: 2px solid #CECCD3; } .thumbList a{ display: inline-block; width: 46px; height: 46px; transition: 0.5s; } .thumbList .active img { border: 2px solid #FF640A; } .thumbList a img{ width: 100%; height: 100%; border: 2px solid #CECCD3; border-radius: 12px; } .thumbList .video-class { display: inline-block; position: relative; } .thumbList .icon-youtube1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #999; } @media screen and (max-width: 768px){ iframe{ width: 100%; height: 345px; } .thumbList{ display: none; } .sel_icon i { font-size: 16px; padding: 4px; } .wrap_carousel .car_img img { min-width: auto; } } .specification-container-iframe{ position: relative; } .specification-container-iframe .iconfont{ position: absolute; font-size: 80px; color: red; } </style> <div class="uy_1 clearfix"> <div class="left-pro"> <div class="t2"> <div class="left_img_photo img_photo"> <i class="iconfont icon-a-icon1x-33"></i> </div> <div class="showimg active" id="zoom1"> <img class="show main-image" src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" > <div class="showbox"></div>   </div> <div class="right_img_photo img_photo"> <i class="iconfont icon-a-icon1x-32"></i> </div> </div> <div class="t1">  <div id="showArea" class="selectors product-img"> <div id="showArea_li"> <a aria-label="link" href="#" class="imgCli1" id="sku_id_0" data-index="1" class='active' > <img src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" data-index="1" data-mobile-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli2" id="sku_id_0" data-index="2" > <img src="https://resource.xp-pen.com/Uploads/goods/20240424/04Ye3jfo98R5tw2bcyD7.jpg" data-index="2" data-mobile-src="https://resource.xp-pen.com/Uploads/goods/20240424/04Ye3jfo98R5tw2bcyD7_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/goods/20240424/04Ye3jfo98R5tw2bcyD7_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli3" id="sku_id_0" data-index="3" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/100d46ed02ec2453e7548589df01de4b.jpg" data-index="3" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/100d46ed02ec2453e7548589df01de4b_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/100d46ed02ec2453e7548589df01de4b_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli4" id="sku_id_0" data-index="4" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/4894704357c5546fea3a6c971344b28e.jpg" data-index="4" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/4894704357c5546fea3a6c971344b28e_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/4894704357c5546fea3a6c971344b28e_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli5" id="sku_id_0" data-index="5" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/571c05927044d6f2d5a7d1d166d36bb7.png" data-index="5" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/571c05927044d6f2d5a7d1d166d36bb7_745.png" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/571c05927044d6f2d5a7d1d166d36bb7_100_100.png" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli6" id="sku_id_0" data-index="6" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/03b58816950870ab7c3b3603b3395efe.jpg" data-index="6" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/03b58816950870ab7c3b3603b3395efe_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/03b58816950870ab7c3b3603b3395efe_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli7" id="sku_id_0" data-index="7" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/30f2df4dec414f0ee5568f1df020c453.jpg" data-index="7" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/30f2df4dec414f0ee5568f1df020c453_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/30f2df4dec414f0ee5568f1df020c453_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli8" id="sku_id_0" data-index="8" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/93ad795002ccc0932c93c45c4e5b87fe.jpg" data-index="8" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/93ad795002ccc0932c93c45c4e5b87fe_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/93ad795002ccc0932c93c45c4e5b87fe_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli9" id="sku_id_0" data-index="9" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/495f74919bae8a8cc7384af7d905968d.jpg" data-index="9" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/495f74919bae8a8cc7384af7d905968d_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/495f74919bae8a8cc7384af7d905968d_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> <a aria-label="link" href="#" class="imgCli10" id="sku_id_207" data-index="10" style="display: none;" > <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/e98dc8fcb52513f6b6fa135a906ef491.jpg" data-index="10" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/e98dc8fcb52513f6b6fa135a906ef491_745.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/e98dc8fcb52513f6b6fa135a906ef491_100_100.jpg" class="lazypc selectors-img" alt="image"> </a> </div> </div>  </div> <div class="t3"> </div> </div> </div> <div class="min_lb">  <div class="skuImgOpen" style="display: none;"></div> <div class="swiper-container specification-container"> <div class="swiper-wrapper">   <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0_500.jpg" data-original="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/goods/20240424/04Ye3jfo98R5tw2bcyD7_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/goods/20240424/04Ye3jfo98R5tw2bcyD7.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/100d46ed02ec2453e7548589df01de4b_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/100d46ed02ec2453e7548589df01de4b.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/4894704357c5546fea3a6c971344b28e_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/4894704357c5546fea3a6c971344b28e.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/571c05927044d6f2d5a7d1d166d36bb7_500.png" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/571c05927044d6f2d5a7d1d166d36bb7.png" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/03b58816950870ab7c3b3603b3395efe_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/03b58816950870ab7c3b3603b3395efe.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/30f2df4dec414f0ee5568f1df020c453_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/30f2df4dec414f0ee5568f1df020c453.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/93ad795002ccc0932c93c45c4e5b87fe_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/93ad795002ccc0932c93c45c4e5b87fe.jpg" width="100%" /><i class="iblock"></i></div>  <div class="swiper-slide alien_middle"><img alt="image" class=" thumbImg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/495f74919bae8a8cc7384af7d905968d_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/495f74919bae8a8cc7384af7d905968d.jpg" width="100%" /><i class="iblock"></i></div>  <img alt="image" id="sku_img_207" class=" thumbImg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/e98dc8fcb52513f6b6fa135a906ef491_500.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/e98dc8fcb52513f6b6fa135a906ef491_500.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/e98dc8fcb52513f6b6fa135a906ef491.jpg" width="100%" style="display: none;"/><i class="iblock"></i> </div>   <div class="swiper-button-next"> <i class="iconfont icon-a-icon1x-32"></i> </div> <div class="swiper-button-prev"> <i class="iconfont icon-a-icon1x-33"></i> </div> </div> </div>  <div class="wrapper"> <div class="wrap_carousel"> <div class="car_img">  <img src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" data-num="1" alt=""> <img src="https://resource.xp-pen.com/Uploads/goods/20240424/04Ye3jfo98R5tw2bcyD7.jpg" data-num="2" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/100d46ed02ec2453e7548589df01de4b.jpg" data-num="3" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/4894704357c5546fea3a6c971344b28e.jpg" data-num="4" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/571c05927044d6f2d5a7d1d166d36bb7.png" data-num="5" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/03b58816950870ab7c3b3603b3395efe.jpg" data-num="6" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/30f2df4dec414f0ee5568f1df020c453.jpg" data-num="7" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/93ad795002ccc0932c93c45c4e5b87fe.jpg" data-num="8" alt=""> <img src="https://resource.xp-pen.com/Uploads/my/goods/20220608/495f74919bae8a8cc7384af7d905968d.jpg" data-num="9" alt=""> <img src="" data-num="1" id="copy_img" alt=""> </div> </div> <div class="thumbList"> <a aria-label="link" href="#" id="sku_id_0" class="imgCli1" data-index="1" class='active' > <img alt="image" src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli2" data-index="2" > <img alt="image" src="https://resource.xp-pen.com/Uploads/goods/20240424/04Ye3jfo98R5tw2bcyD7.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/goods/20240424/04Ye3jfo98R5tw2bcyD7_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/goods/20240424/04Ye3jfo98R5tw2bcyD7_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli3" data-index="3" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/100d46ed02ec2453e7548589df01de4b.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/100d46ed02ec2453e7548589df01de4b_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/100d46ed02ec2453e7548589df01de4b_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli4" data-index="4" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/4894704357c5546fea3a6c971344b28e.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/4894704357c5546fea3a6c971344b28e_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/4894704357c5546fea3a6c971344b28e_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli5" data-index="5" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/571c05927044d6f2d5a7d1d166d36bb7.png" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/571c05927044d6f2d5a7d1d166d36bb7_500.png" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/571c05927044d6f2d5a7d1d166d36bb7_100_100.png" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli6" data-index="6" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/03b58816950870ab7c3b3603b3395efe.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/03b58816950870ab7c3b3603b3395efe_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/03b58816950870ab7c3b3603b3395efe_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli7" data-index="7" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/30f2df4dec414f0ee5568f1df020c453.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/30f2df4dec414f0ee5568f1df020c453_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/30f2df4dec414f0ee5568f1df020c453_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli8" data-index="8" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/93ad795002ccc0932c93c45c4e5b87fe.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/93ad795002ccc0932c93c45c4e5b87fe_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/93ad795002ccc0932c93c45c4e5b87fe_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_0" class="imgCli9" data-index="9" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/495f74919bae8a8cc7384af7d905968d.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/495f74919bae8a8cc7384af7d905968d_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/495f74919bae8a8cc7384af7d905968d_100_100.jpg" class="lazypc selectors-img"> </a> <a aria-label="link" href="#" id="sku_id_207" class="imgCli10" data-index="10" style="display: none;" > <img alt="image" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/e98dc8fcb52513f6b6fa135a906ef491.jpg" data-mobile-src="https://resource.xp-pen.com/Uploads/my/goods/20220608/e98dc8fcb52513f6b6fa135a906ef491_500.jpg" data-src="https://resource.xp-pen.com/Uploads/images/20250225/0N2xXdwp7D8Qw7gF28E0.jpg" src="https://resource.xp-pen.com/Uploads/my/goods/20220608/e98dc8fcb52513f6b6fa135a906ef491_100_100.jpg" class="lazypc selectors-img"> </a> </div> <span class="sel_iconl sel_icon" id="sel_w"><i class="iconfont icon-a-icon1x-33"></i></span> <span class="sel_iconr sel_icon" id="sle_rw"><i class="iconfont icon-a-icon1x-32"></i></span> <span class="sel_close sel_icon"><i class="iconfont icon-a-icon1x-31"></i></span> </div>  <script src="/newxp/static2024/js/index/jqzoom.js?ver=202502241"></script> <script> $(function () { $('.specification-container-iframe .iconfont').click(function(){ let sci = $('.specification-container-iframe').attr('data-youtube') let doc = new DOMParser().parseFromString(sci, 'text/html'); let iframe = doc.querySelector('iframe.video'); let src = iframe.src; iframe.src = src + '?autoplay=1'; sci = doc.body.innerHTML; $('.specification-container-iframe').attr('data-youtube',sci) $('.specification-container-iframe').html( $('.specification-container-iframe').attr('data-youtube')) }) $('#showArea a').hover(function () { let goodsWidth = $('#goodsInfoContent').outerWidth() + 35; $(this).addClass('active').siblings().removeClass('active'); let dataSlideId = $(this).attr('data-slide-id') if(dataSlideId == 'videoView') { if($('#videoView').html()==''){ $('#videoView').html($('#videoView').attr('data-youtube')) } $('#videoView').show() if ($('#videoUrlView').attr('sign') == 1) { $('#videoPlayCover').css({'display': 'none'}); $('#videoUrlView').css({'display': 'inline'}); } else { $('#videoPlayCover').css({'display':'inline-block'}); } $('#zoom1').removeClass('active') $('showbox') $('#showArea .icon-youtube1').addClass('icon-active') }else { $('#videoView').hide() $('#videoPlayCover').hide() $('#videoUrlView').hide() $('#zoom1').addClass('active') /*$("#zoom1").attr("href",$(this).attr("src"));*/ $('#showArea .icon-youtube1').removeClass('icon-active') } $('.MagicZoom').attr('rel','zoom-width:' + goodsWidth + '; zoom-height:' + goodsWidth + '; selectors-change:mouseover;') }) }) // img点击图片弹出框 var index = 0; var cliInd = false; $('.show').click(function name(params) { var imgIndex = $(this).attr('data-index') index = imgIndex $.each($('.car_img img'), function name(params) { console.log($(this).context.currentSrc) if(params == 0) { $('#copy_img').attr("src",$(this).context.currentSrc) } }) $('.xp_language').css("z-index","100") var imgSrc = $(this).attr('src'); $('.wrapper').show(); $('.navbar_header-warpper').hide() $('.wrapper').css("display","flex") $('.wrapper').css("flex-direction","column") document.documentElement.style.overflowY = 'hidden' var carLen = $('.car_img img').width() $('.sel_img_div').css("width",carLen+"px") $('.sel_img_div').css("height",$('.car_img img').height()+"px") $('.goods-info-wrapper').css("display","block") var translateX = imgIndex * $('.car_img').width() $('.car_img').css("transform",`translateX(-${translateX}px)`) $(`.imgCli${imgIndex+1}`).addClass('active').siblings().removeClass('active'); //关闭并移除图层 }) $('.wrapper').click(function(){ $('.wrapper').css("display","none") $('.navbar_header-warpper').show() $('.swiper-wrapper').css("display","flex") $('.xp_language').css("z-index","9999999") $('.goods-info-wrapper').css("display","block") document.documentElement.style.overflowY = 'auto' }); $('.wrap_carousel').click(function name(params) { // $(".wrapper").unbind("click"); return false }) $('.min_lb .swiper-wrapper').click(function name(params) { $.each($('.car_img img'), function name(params) { console.log($(this).context.currentSrc) if(params == 0) { $('#copy_img').attr("src",$(this).context.currentSrc) } }) $('.navbar_header-warpper').hide() $('.addCar').css("visibility","hidden") $('.xp_language').css("z-index","100") $('.wrapper').css("display","flex"); $('.wrapper').click(function(){ // $('.wrapper').hide() $('.xp_language').css("z-index","9999999") $('.goods-info-wrapper').css("display","block") }); }) var currentIndex = 1; function updateImage(sku_id) { var sku_thumb = $('.imgCli' + sku_id).find('img').attr('src'); $('.main-image').attr('src', sku_thumb); $(`.imgCli${sku_id}`).addClass('active').siblings().removeClass('active'); } updateImage(currentIndex); $(".left_img_photo").click(function(){ if (currentIndex > 0) { currentIndex--; if(currentIndex == 0){ currentIndex = $('#showArea_li').children('#sku_id_0').length; } } else { currentIndex = $('#showArea_li').children('#sku_id_0').length; // 循环到最后一张 } updateImage(currentIndex); }) $(".right_img_photo").click(function(){ if (currentIndex < $('#showArea_li').children('#sku_id_0').length) { currentIndex++; } else { currentIndex = 1; // 循环到第一张 } updateImage(currentIndex); console.log(currentIndex); // if(index >= 0) { // console.log(index); // // if(index == 1) { // // index = index -1 // // } // // index = 1 // index = index + 1 // $(`.imgCli${index}`).addClass('active').siblings().removeClass('active'); // let tranNum = "-" + index * ($('.show').width() + 32) // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // var str = index / 4 + '' // if(str.indexOf(".") == -1) { // $("#showArea #showArea_li").animate({left:-index*104},1000); // } // } // if(index <= $('#showArea_li').children().length -1) { // let inOrder = index + 1 // console.log(`imgCli${inOrder}`); // $(`.imgCli${inOrder}`).addClass('active').siblings().removeClass('active'); // } // if(index >= $('.img_hidde img').length ) { // $(`.video-class`).addClass('active').siblings().removeClass('active'); // if($('.video-class').length == 1){ // index = $('.img_hidde img').length // // console.log($('.t2').children()) // if($('.t2').children().length == 4) { // $('#videoView').show() // $('.right_photo_sp').css('display','flex') // $('.showimg').hide() // }else { // } // // index = index -2 // // console.log(index) // index = index -1 // let tranNum = "-" + index * $('.show').width() // // console.log($('.show').width()) // // console.log(tranNum) // // if(index == 1) { // // index = index + 1 // // } // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // }else { // index = 0 // // index = index -1 // let tranNum = "-" + index * $('.show').width() // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // $(`.imgCli${1}`).addClass('active').siblings().removeClass('active'); // $("#showArea #showArea_li").animate({left:0},0); // } // } }); $(".left_img_photo").click(function(){ // if(index <= 0) { // if($('.video-class').length == 0){ // index = $('#showArea_li').children().length // // let tranNum = "-" + index * $('.show').width() // // console.log(tranNum) // // $(".img_hidde").css("transform","translate(0px, 0px)") // // console.log(1); // $("#showArea #showArea_li").animate({left:-(index - 1)*104},0); // let tranNum = "-" + (index - 1) * ($('.show').width() + 32) // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // let inOrder = $('#showArea_li').children().length // $(`.imgCli${inOrder}`).addClass('active').siblings().removeClass('active'); // // $(`.video-class`).addClass('active').siblings().removeClass('active'); // index = index -1 // }else{ // index = $('#showArea_li').children().length // // $("#showArea #showArea_li").animate({left:-(index - 1)*104},0); // $('#videoView').css('display','inline') // $('#zoom1').css('display','none') // $(`.video-class`).addClass('active').siblings().removeClass('active'); // $("#showArea #showArea_li").animate({left:-(index-2)*104},0); // } // }else { // index = index -1 // let tranNum = "-" + index * ($('.show').width() + 32) // console.log('轮播其它位置'+index); // $(".img_hidde").css("transform","translate("+tranNum+"px, 0px)") // let inOrder = $('#showArea_li .active').attr("data-index") - 1 // $(`.imgCli${inOrder}`).addClass('active').siblings().removeClass('active'); // } // if(_index5 > 0){ // // if(index < anIndex) { // // $("#showArea #showArea_li").animate({left:-(_index5-1)*104},1000); // // } // // if(_index5 > 6 ){ // $("#showArea #showArea_li").animate({left:-(_index5-1)*104},1000); // // } // // $("#right_img_photo").css("pointer-events","all") // _index5 -- // }else { // // $("#left_img_photo").css("pointer-events","none") // _index5 = 0; // } }); var newImgIndex = 0 $('.sel_iconl').click(function name(params) { // newImgIndex = newImgIndex + 1 var carLen = $('.car_img img').width() if( newImgIndex == 0 ){ var imgIndx = $('.car_img img').length - 1 $(`.imgCli${imgIndx}`).addClass('active').siblings().removeClass('active'); // console.log($('.car_img img').length -1 * carLen) let a = "-" +imgIndx * carLen + 'px' // console.log(a) // $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") var imgN = imgIndx - 1 let b = "-" +imgN * carLen + 'px' setTimeout(()=>{ $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+b+", 0px, 0px)") },500) $('.car_img').css("transition-duration","0ms") newImgIndex = imgN }else { newImgIndex = newImgIndex -1 $(`.imgCli${newImgIndex+1}`).addClass('active').siblings().removeClass('active'); // console.log(carLen) let a = "-" + newImgIndex * carLen + 'px' $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") // console.log(a) setTimeout(()=>{ $('.car_img').css("transition-duration","0ms") },500) } return false }) $('.sel_iconr').click(function name(params) { var carLen = $('.car_img img').width() console.log(newImgIndex); var imgIndx = $('.car_img img').length - 1 console.log(imgIndx); newImgIndex = newImgIndex + 1 if(newImgIndex == 0){ $(`.imgCli${imgIndx}`).addClass('active').siblings().removeClass('active'); }else if(newImgIndex == imgIndx){ $('.imgCli1').addClass('active').siblings().removeClass('active'); }else{ $(`.imgCli${newImgIndex+1}`).addClass('active').siblings().removeClass('active'); } if(newImgIndex == imgIndx) { // newImgIndex = 0 let a = "-" +newImgIndex * carLen + 'px' console.log(a) $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") setTimeout(()=>{ $('.car_img').css("transition-duration","0ms") $('.car_img').css("transform","translate3d(0px, 0px, 0px)") },500) newImgIndex = 0 }else { let a = "-" +newImgIndex * carLen + 'px' $('.car_img').css("transition-duration","500ms") $('.car_img').css("transform","translate3d("+a+", 0px, 0px)") setTimeout(()=>{ $('.car_img').css("transition-duration","0ms") },500) } return false }) $(".product-img img").mouseenter(function name(params) { var daIn = $(this).attr("data-index") updateImage(daIn) $('.left_img_photo').attr('data-index',daIn) $('.right_img_photo').attr('data-index',daIn) document.cookie = "data-index="+daIn+"" index = daIn currentIndex = daIn }) function specificationLazy() { $('.specification-container') .find('.swiper-slide') .each(function() { if ($(this) .find('iframe') .length == 1) { $('.specification-container') .find('.thumbImg') .each(function() { $(window).width()<=420?$(this).attr('src', $(this).attr('data-mobile-src')):$(this).attr('src', $(this).attr('data-delay-src')) }) } else { if ($(this) .attr('data-swiper-slide-index') != 0) { $('.specification-container') .find('.thumbImg') .each(function() { $(window).width()<=420?$(this).attr('src', $(this).attr('data-mobile-src')):$(this).attr('src', $(this).attr('data-delay-src')) }) } } }) } let specificationTimes = 0 // let specificationThumbImg = $('.specification-container .thumbImg') // let specificationThumbImgTime = setInterval(() => { // let val = specificationThumbImg.map((i, v) => { // if (v.complete) { // if ([0, 1, 2].includes(i) && specificationTimes == 0) { // specificationLazy(); // specificationTimes++; // } // return true; // } // }) // if (val.length === specificationThumbImg.length) { // clearInterval(specificationThumbImgTime) // // 继续轮播 // var new_swiper = new Swiper('.specification-container', { //初始化Swiper // // autoplay: { //自动切换 // // delay: 5000, // // stopOnLastSlide: false, // // disableOnInteraction: false, // // }, // pagination: { //分页器 // el: '.mobile-goods-pagination', // clickable: true, // }, // autoHeight: true, //自动高度 // centeredSlides: true, // loop: true, // resizeReInit: true, // grabCursor: true, // on: { // slideChange: function() { // console.log(this.activeIndex,'1111') // $('.skuImgOpen') // .hide(); // }, // }, // }) // } // }, 1000); var new_swiper = new Swiper('.specification-container', { //初始化Swiper // autoplay: { //自动切换 // delay: 5000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, // pagination: { //分页器 // el: '.mobile-goods-pagination', // clickable: true, // }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, autoHeight: true, //自动高度 centeredSlides: true, // loop: true, resizeReInit: true, grabCursor: true, // observer:true,//修改swiper自己或子元素时，自动初始化swiper // observeParents:false,//修改swiper的父元素时，自动初始化swiper on: { slideChange: function() { // this.activeIndex>1&&specificationTimes==0? (specificationLazy(),specificationTimes++):'' specificationTimes==0? (specificationLazy(),specificationTimes++):'' $('.skuImgOpen').hide(); }, init:function (){ this.update(); this.slideTo(0) } }, }) </script>  <script> function showVideo(code,self=''){ if(code){ $('#preview').attr('style','display:none !important'); $('.active').each(function (i,e){ $(e).removeClass('active') }) $('#videoUrlView').show(); if(typeof player !== 'undefined'){ $('#videoUrlView').show(); player.playVideo(); }else { $('#videoPlayCover').css({'display':'inline-block'}); $('#videoUrlView').hide(); } $(self).attr('class','active'); $('#videoView').show(); //判断是否是iframe嵌套 $('#videoView').children('iframe').attr('class','video'); }else { if(typeof player !== 'undefined' && player){ player.pauseVideo(); } $('#preview').show(); $('#videoView').hide(); $('#videoUrlView').hide(); $('#videoPlayCover').hide(); } } </script> <div class="footer_info"> <div class="footer_item"> <div> <img class="thumbImg lazy" data-original="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1.jpg" data-delay-src="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1.jpg" alt="image"> <h1 class="bq_h2_new">Deco MW Bluetooth - X3 Chip</h1> </div>   <div> <div class="buy_price notranslate" id="showGoodsPrice"> <del class="before_price" id="list_price">RM339</del> <div class="price" id="goods_price">RM279</div> </div> <div class="submit_button add_cart" data-thumb="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1_50_50.jpg" data-goods-id="4" data-goods-name="Deco MW Bluetooth - X3 Chip" data-action="0"> <p style="text-align: center" >Add to cart</p> </div> </div> </div> </div> </div> </div> <div class="col-xl-5 col-lg-5 col-md-12 padding0">  <div class="bouytw_1" id="goodsInfoContent"> <div class="goods-info-wrapper"> <div class="goods-info-inner"> <h1 class="bq_h2_new">Deco MW Bluetooth - X3 Chip</h1> <div class="bq_3"> <div class="star" data-num="5.0"></div> <div class="ju_1"> <p class="zhi4_1 zhi4_1_new" data-jump="Reviews"><span class="click-text"><i class="iconfont icon-a-icon1x-56"></i></span>  3  </p> <p class="zhi4_1 zhi4_1_new" data-jump="QAs"><span class="click-text"><i class="iconfont icon-message-question"></i></span>  1  </p>  </div> </div> <p class="bq_2_new">8x5" Working Area, X3 Chip Digital Stylus, support Android, IOS, windows@, Mac OS</p>  <div class="buy_price notranslate" id="showGoodsPrice"> <div class="price" id="goods_price">RM279</div> <del class="before_price" id="list_price">RM339</del> </div>  </div> <div class="padding20">  <div class="shipping_tips" style='display: none'>  <div class='description_promote_info_div'> <div> <div class="promote_info_html hide" data-show="0"> </div>  <div class="description_promote_info hide" ></div>  </div> </div>  <div class='shipping_desc_div'> <div> <div class="shipping_desc"> </div> <div class="shipping_desc_expand"> <svg t="1709695213481" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7866" width="32" height="32"><path d="M753.6 611.52a32 32 0 1 1 28.8 56.96l-256 128a32 32 0 0 1-28.8 0l-256-128a32 32 0 0 1 28.8-56.96L512 732.16z m0-288a32 32 0 1 1 28.8 56.96l-256 128a32 32 0 0 1-28.8 0l-256-128a32 32 0 1 1 28.8-56.96L512 444.16z" p-id="7867"></path></svg> </div> </div> </div> </div>   <div style="padding-top: 20px" class="coupon_box hide"></div>   <div class="goods_freight_reference"></div>  <div style="color: #F54628;">Or 3 payments of <span id="atome_goods_price_new" style="font-weight: bold;"></span> with <img src="https://resource.xp-pen.com/Uploads/home_images/my/atome.png" alt='image' style="width: 80px;margin-top: -4px;"></div> <div style="display: none;color: #F54628;"> Or 3 payments of <span id="atome_goods_price"></span>/3 with 0% interest. </div>  <div class='spec_content_box'> <div class="spec_content"> <div class="bq_4_new">Color:</div>  <div class="xuan_1"> <div class="goods_spec_list"> <input type="radio" id="36" style="display: none" name="Color" class="selected" data-itmeid="36"> <label class="eu_lug eu_lug1 " for="36"> <p class="zuby_1" for="36">Black</p> </label> </div> </div> </div> </div>  <div class="goods_extra hide"></div>   <div class="essential-content" style='display: none;'> <div class="bq_4_new">Optional Accessories:<i class="iconfont icon-a-icon1x-29"></i></div> <div class="essential-list-box"> <div class="essential-list " data-goods-id="4" data-bundle-goods-id="52"> <input class="checkedBtn" id="52" autocomplete="off" data-check="52" type="checkbox"> <label class="essential-label" for="52"> <div class="label-img-box"> <img alt='image' width="32px" height="32px" src="https://resource.xp-pen.com/Uploads/goods/20240113/Pv7nzrQANj82iz0EjaEU_150_150.jpg" style="border-radius: 2px;"> </div> <div class="essential-product-box" style="padding-bottom: 29px;"> <p class="essential-product-name">Standard Drawing Glove <br> <span class="sku_desc"></span> <a style="bottom: -2px;" href="https://www.storexppen.my/buy/cat-glove.html" target="_blank" aria-label="link" class="view-bundle-goods"><span>View More</span></a></p> <p class="essential-box" style="bottom: -2px;"> <span class="essential-price" style="color: #EE4624;">+ RM10</span> <del>RM39</del> </p> </div> </label> <div class="bundle_sku_list"></div> </div> <div class="essential-list " data-goods-id="4" data-bundle-goods-id="73"> <input class="checkedBtn" id="73" autocomplete="off" data-check="73" type="checkbox"> <label class="essential-label" for="73"> <div class="label-img-box"> <img alt='image' width="32px" height="32px" src="https://resource.xp-pen.com/Uploads/my/goods/20220221/e26e1b71c47712aa3748cd89ea3b520e_150_150.jpg" style="border-radius: 2px;"> </div> <div class="essential-product-box" style="padding-bottom: 29px;"> <p class="essential-product-name">ACJ08/ACJ09 Sleeve Case <br> <span class="sku_desc"></span> <a style="bottom: -2px;" href="https://www.storexppen.my/buy/73.html" target="_blank" aria-label="link" class="view-bundle-goods"><span>View More</span></a></p> <p class="essential-box" style="bottom: -2px;"> <span class="essential-price" style="color: #EE4624;">+ RM40</span> <del>RM79</del> </p> </div> </label> <div class="bundle_sku_list"></div> </div> <div class="essential-list " data-goods-id="4" data-bundle-goods-id="79"> <input class="checkedBtn" id="79" autocomplete="off" data-check="79" type="checkbox"> <label class="essential-label" for="79"> <div class="label-img-box"> <img alt='image' width="32px" height="32px" src="https://resource.xp-pen.com/Uploads/my/goods/20230320/7669f5dfe98b311b5613df0f5a3f7a21_150_150.jpg" style="border-radius: 2px;"> </div> <div class="essential-product-box" style="padding-bottom: 29px;"> <p class="essential-product-name">Paper-like Protective Film (2pcs) <br> <span class="sku_desc"></span> <a style="bottom: -2px;" href="https://www.storexppen.my/buy/79.html" target="_blank" aria-label="link" class="view-bundle-goods"><span>View More</span></a></p> <p class="essential-box" style="bottom: -2px;"> <span class="essential-price" style="color: #EE4624;">+ RM60</span> <del>RM149</del> </p> </div> </label> <div class="bundle_sku_list"></div> </div> </div> </div> <div id="combinationFixed"></div> <div class="combination-goods-pop-box" style="display: none;"></div> <input type = 'hidden' id = 'max_bundle_sku_number' >   <div class="goods_price m10" > <div class="goods_number"> <div class="bq_4_new">Quantity:</div> <div class="goods-number-box"> <div class="goods_num_text"> <button class="min switch_num" id="minId" type="button" data-value="-1" data-max-item-count='0' aria-label="button"> <i class="iconfont icon-jianhao"></i> </button> <input aria-label="goods num" class="text_box" name="" type="text" value="1" id="goods_num" data-max-item-count='0' onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onpaste="this.value=this.value.replace(/[^\d]/g,'')"/> <button class="add switch_num" type="button" data-max-item-count='0' data-value="1" aria-label="button"><i class="iconfont icon-jiahao"></i></button> </div> <div class="help_msg"></div> </div> </div> </div>  <div class="bundled-total-box" > <span class="total-text">Total:</span> <span id="bundled_total_price_currency"></span> <span id="bundled_total_price"></span> </div>  <div class="goods_rate hide"> </div>  <div class="an_boss"> <div id="add_cart_button" class="an_1 add_cart_button add_cart" data-thumb="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1_50_50.jpg" data-goods-id="4" data-goods-name="Deco MW Bluetooth - X3 Chip" data-action="0"> <p style="text-align: center" >Add to cart</p> </div> <div id="buy_now_button" class="an_2 buy_now add_cart_box submit_button" data-thumb="https://resource.xp-pen.com/Uploads/goods/20240424/fWhHd0tprsJvIL7SraD1_50_50.jpg" data-goods-id="4" data-goods-name="Deco MW Bluetooth - X3 Chip" data-action="1"> <p style="text-align: center">Buy</p> </div> </div>        <div class="foot_margin foot_svg"> <div class=" foot_paypal"> <object data="https://resource.xp-pen.com/static/images/20240815/236EM2hw8fJjH9fsMGCX.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/EFyGTpVNNQuHVMGX4cZt.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/wRp8ZnwP3O4w8FEJ8Nf7.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/OrIY7FUwDtuA4FfpYARJ.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/5dRhLI2F4lv7AKmR3J7L.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/KZyONK2eY1c3TK375W7d.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/9uhyhEIXQTX3FwVpY7An.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/i2AQt4tuPTcCh74P1yUs.png" aria-label="icon"></object> </div> </div>  </div> </div> <div class="goods_freight"> <p class="bq_20">Estimate</p> <div class="spec_content" > <div class="bq_4_new" >Country</div> <div> <select class="form-control estimate_country xiala1 select2" name="country_id" id="country_id" aria-label="select"> <option value="129" data-currency="MYR" >Malaysia</option> </select> <select class="form-control xiala1 select2" style="margin-top: 20px" name="province_id" onchange="shipping_cost()" id="province_id" aria-label="select"> </select> </div> </div> <div class="nbu_1"> <p class="submit_button" style="display: none" onclick="javascript:shipping_cost();">Estimate</p> <img src="https://resource.xp-pen.com/newxp/static2024/layer/skin/default/loading-2.gif" id="country_load" class="hide" alt='image'/> </div> <div class="spec_content hide" id="show_country_info"></div> </div> </div> </div> </div> </div>             <div class="mao_1"> <div class="nav_content"> <ul class="my_Affiliate_ul nav_miaodian"> <li class="ul_active" data-jump="summary"><h2>Summary</h2></li> <li data-jump="Reviews"><h2>Reviews(3)</h2></li> <li data-jump="QAs"><h2>Q & A(1)</h2></li> <li data-jump="Driver"><a aria-label="link" href="https://www.xp-pen.com/download" target="_blank"><h2>Driver</h2></a></li> </ul> </div> </div> <div class="mao_2"> <div class="nav_content">  <div class="nav-content-list"> <ul class="my_Affiliate_ul nav_miaodian"> <li class="ul_active" data-jump="summary">Summary</li> <li data-jump="Reviews">Reviews(3)</li> <li data-jump="QAs">Q & A(1)</li> <li data-jump="Driver"><a aria-label="link" href="https://www.xp-pen.com/download/index/cid/5.html" target="_blank">Driver</a></li> </ul> </div>   </div> </div>  <div class="homepage_2 homepage_2_new padding0 bg_white scrollspy-example" data-spy="scroll" data-target="#navbarExample" data-offset="0" style="position: relative"> <div class="boss" id="summary">    <div id="Appendix_Buy_top"> </div> <div class="goods-content resetImageBox" id="gaishu"> <script src="/Uploads/images/product/detail/20170828/DecoMMW/swiper-bundle.min.js"></script><link rel="stylesheet" href="/Uploads/images/product/detail/20170828/DecoMMW/Deco_MMW.css"/><style>.productContent {max-width: 2560px !important; padding-left: 0 !important;padding-right: 0 !important;}</style><div class="DMMW_content"><div class="DMMW_textT DMMW_text1"><div class="DMMW_text1_D1"><p class="text1_D1_p1 revealOnScroll" data-animation="fadeInUp">Deco M & MW <img class="lazy-2nd" width="20" height="21" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/1-white-Bluetooth.png" alt="image"/></p><p class="text1_D1_p2 revealOnScroll" data-animation="fadeInUp">New Deco <br class="DMMW_text1_br1"/>innovative drawing tablet with X3 chip stylus.</p></div><div class="DMMW_text1_D2"><img class="lazy-2nd" width="80" height="78" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/1-X3.jpg" alt="image"/><p class="text1_D1_p3">X3 smart chip stylus<br/>Sharp! Stable! Precise!</p></div><img class="DMMW_img_PC lazy-2nd" width="2560" height="1400" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/1.jpg" alt="image"/><img class="DMMW_img_MO lazy-2nd" width="750" height="1100" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/1-H5.jpg" alt="image"/></div><div class="DMMW_textT DMMW_text2"><div class="DMMW_text2_D1"><p class="DMMW_font_T1 DMMW_text2_p1 revealOnScroll" data-animation="fadeInUp">Set off on your CG journey<br/>with X3 smart chip</p><p class="DMMW_font_T2 DMMW_text2_p2 revealOnScroll" data-animation="fadeInUp">The new Deco series brings an immense leap to the stylus drawing experience with the new X3 chip, giving you the realistic feeling of traditonal pen and paper. Explore a brand new CG world with the X3 chip technology.</p><a aria-label="link" href="https://www.xp-pen.com/topic/X3chip" target="_blank"><p class="DMMW_text2_p3 revealOnScroll" data-animation="fadeInUp">Learn more about X3 smart chip</p></a></div><img class="DMMW_img_PC lazy-2nd" width="2560" height="1535" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/2.jpg" alt="image"/><img class="DMMW_img_MO lazy-2nd" width="768" height="900" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/2-H5.jpg" alt="image"/></div><div class="DMMW_textT DMMW_text3"><div class="DMMW_text3_pre"><div class="DMMW_text3_D1"><p class="DMMW_font_T1 DMMW_text3_p1 revealOnScroll" data-animation="fadeInUp">X3 smart chip stylus,<br class="DMMW_text3_br1"/>sparks more creativity under your brush</p></div><div class="DMMW_text3_D2"><p class="DMMW_text3_p2 revealOnScroll" data-animation="fadeInUp">Initial activation force</p><p class="DMMW_text3_p3 revealOnScroll" data-animation="fadeInUp">as low as 3g*, 10 folds increase in sensitivity*</p></div><div class="DMMW_text3_D3"><p class="DMMW_text3_p2 revealOnScroll" data-animation="fadeInUp">Retraction distance</p><p class="DMMW_text3_p3 revealOnScroll" data-animation="fadeInUp">as short as 0.6mm*,<br/>half the original retraction distance*</p></div><div class="DMMW_text3_D4"><p class="DMMW_text3_p2 revealOnScroll" data-animation="fadeInUp">Life span</p><p class="DMMW_text3_p3 revealOnScroll" data-animation="fadeInUp">Double the exisiting life span*</p></div><img class="DMMW_img_PC lazy-2nd" width="2560" height="2067" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/3.jpg" alt="image"/><img class="DMMW_img_MO lazy-2nd" width="768" height="1153" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/3-H5.jpg" alt="image"/></div><div class="DMMW_text3_D5"><div class="DMMW_text3_flexT"><p class="text3_flexT_p1 revealOnScroll" data-animation="fadeInUp">Sharp</p><div class="DMMW_text3_flexT2"><p class="text3_flexT_p2 revealOnScroll" data-animation="fadeInUp">Act before your mind.</p><p class="text3_flexT_p3 revealOnScroll" data-animation="fadeInUp">3 grams* IAF and 0.6 mm* retraction<br/>distance for more efficient ink output.</p></div></div><div class="DMMW_text3_flexT"><p class="text3_flexT_p1 revealOnScroll" data-animation="fadeInUp">Stable</p><div class="DMMW_text3_flexT2"><p class="text3_flexT_p2 revealOnScroll" data-animation="fadeInUp">No spring part and anti-interference for stable performance.</p><p class="text3_flexT_p3 revealOnScroll" data-animation="fadeInUp">Digital signal transmission, double* the life span.</p></div></div><div class="DMMW_text3_flexT"><p class="text3_flexT_p1 revealOnScroll" data-animation="fadeInUp">Precise</p><div class="DMMW_text3_flexT2"><p class="text3_flexT_p2 revealOnScroll" data-animation="fadeInUp">More precise positioning.<br/>Never miss a single brushstroke.</p><p class="text3_flexT_p3 revealOnScroll" data-animation="fadeInUp">Virtually no accuracy error.<br/>No broken lines and no lag.</p></div></div></div><p class="DMMW_text3_p4"><span class="">* </span><span class="">This data was taken from a laboratory simulation test and may vary depending on the environment that the device is used in.</span></p></div><div class="DMMW_textT DMMW_text4"><div class="DMMW_text4_D1"><p class="DMMW_font_T1 DMMW_text4_p1 revealOnScroll" data-animation="fadeInUp">Bluetooth 5.0 wireless connection</p><p class="DMMW_font_T2 DMMW_text4_p2 revealOnScroll" data-animation="fadeInUp">Equipped with a Bluetooth v5.0 chip, the Deco MW drawing tablet frees you to create without the limitation of cables, allowing you to keep your creative space organized and giving you the portability to use your device wherever your inspiration takes you.</p></div><img class="DMMW_img_PC lazy-2nd" width="2560" height="1600" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/4-top.jpg" alt="image"/><img class="DMMW_img_PC lazy-2nd" width="2560" height="1015" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/4-bottom.jpg" alt="image"/><img class="DMMW_img_MO lazy-2nd" width="768" height="1200" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/4-H5.jpg" alt="image"/></div><div class="DMMW_textT DMMW_text5"><div class="DMMW_text5_D1"><p class="DMMW_font_T1 DMMW_text5_p1 revealOnScroll" data-animation="fadeInUp">1000mAh super power capacity for ultra-long standby</p><p class="DMMW_font_T2 DMMW_text5_p2 revealOnScroll" data-animation="fadeInUp">The Deco MW drawing tablet comes with a large-capacity lithium battery (1000mAh/3.7V) for more than 10 hours that keeps the power going throughout all of your day.</p></div><img class="DMMW_img_PC lazy-2nd" width="2560" height="1348" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/5.jpg" alt="image"/><img class="DMMW_img_MO lazy-2nd" width="768" height="650" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/5-H5.jpg" alt="image"/><p class="DMMW_text5_p3"><span class="">* </span><span class="">This data was taken from a laboratory simulation test and may vary depending on the environment that the device is used in.</span></p></div><div class="DMMW_textT DMMW_text6"><p class="DMMW_font_T1 DMMW_text6_p1 revealOnScroll" data-animation="fadeInUp">4 vibrant colors<br/>Trendy colors, pick yours</p><p class="DMMW_font_T2 DMMW_text6_p2 revealOnScroll" data-animation="fadeInUp">We have painstakingly selected four vibrant colors for the tablet frame. They are warm and eye-catching with an abundance of playful energy. Your boundless artistic expression deserves colorful companions such as these.</p><div class="swiper-container DMMW_text6_container2"><div class="swiper-wrapper"><div class="swiper-slide"><img class="lazy-2nd" width="1883" height="1032" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/6-pic1-black.jpg" alt="image"/></div><div class="swiper-slide"><img class="lazy-2nd" width="1883" height="1032" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/6-pic2-blue.jpg" alt="image"/></div><div class="swiper-slide"><img class="lazy-2nd" width="1883" height="1032" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/6-pic3-green.jpg" alt="image"/></div><div class="swiper-slide"><img class="lazy-2nd" width="1883" height="1032" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/6-pic4-pink.jpg" alt="image"/></div></div></div><div class="DMMW_text6_pagination2"><p class="DMMW_text6_spT DMMW_text6_active revealOnScroll" data-animation="fadeInUp"><span class="DMMW_text6_spanT3 DMMW_text6_span5"><span class="DMMW_text6_spanT DMMW_text6_span1"></span></span><span class="DMMW_font_T2 DMMW_text6_spanT2">Black</span></p><p class="DMMW_text6_spT revealOnScroll" data-animation="fadeInUp"><span class="DMMW_text6_spanT3 DMMW_text6_span6"><span class="DMMW_text6_spanT DMMW_text6_span2"></span></span><span class="DMMW_font_T2 DMMW_text6_spanT2">Blue</span></p><p class="DMMW_text6_spT revealOnScroll" data-animation="fadeInUp"><span class="DMMW_text6_spanT3 DMMW_text6_span7"><span class="DMMW_text6_spanT DMMW_text6_span3"></span></span><span class="DMMW_font_T2 DMMW_text6_spanT2">Green</span></p><p class="DMMW_text6_spT revealOnScroll" data-animation="fadeInUp"><span class="DMMW_text6_spanT3 DMMW_text6_span8"><span class="DMMW_text6_spanT DMMW_text6_span4"></span></span><span class="DMMW_font_T2 DMMW_text6_spanT2">Pink</span></p></div><script language="javascript">var mySwiper2 = new Swiper('.DMMW_text6_container2', { loop: true, pagination: { el: '.DMMW_text6_pagination2', clickable: true, type: 'custom', renderCustom: function (swiper, current, total) { console.log(current);//1 2 3 4 // 1、分页器激活样式的改变---给自己添加激活样式并将兄弟的激活样式移出。 $('.DMMW_text6_pagination2').children().eq(current - 1).addClass('DMMW_text6_active').siblings().removeClass('DMMW_text6_active'); $('.DMMW_text6_pagination2').on('click', 'p', function () { mySwiper2.slideToLoop($(this).index(), 1000, false) }) }, }, }) mySwiper2.params.pagination.clickable = true;</script></div><div class="DMMW_textT DMMW_text7"><div class="DMMW_text7_D1"><p class="DMMW_font_T1 DMMW_text7_p1 revealOnScroll" data-animation="fadeInUp">Slim enough for easy portability</p><p class="DMMW_font_T2 DMMW_text7_p2 revealOnScroll" data-animation="fadeInUp">Take it where you want, express your inspirations when they come.<br class="DMMW_text3_br1"/>Slim device body with suitable size and good touch experience is easy for you to carry and travel. Your creativity can be unleashed anywhere anytime. Invisible imaginations and real presentations are just one Deco drawing tablet away.</p></div><div class="DMMW_text7_D2"><div class="DMMW_text7_flexT"><img class="lazy-2nd" width="164" height="162" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/7-icon1.png" alt="image"/><p class="DMMW_font_T2 DMMW_text7_p3 revealOnScroll" data-animation="fadeInUp">Length: <span class="">259.8 x 157.8 mm</span></p></div><div class="DMMW_text7_flexT"><img class="lazy-2nd" width="164" height="162" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/7-icon2.png" alt="image"/><p class="DMMW_font_T2 DMMW_text7_p3 revealOnScroll" data-animation="fadeInUp">Thickness: <span class="">8.8 mm</span></p></div></div><img class="DMMW_img_PC lazy-2nd" width="2560" height="1395" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/7.jpg" alt="image"/><img class="DMMW_img_MO lazy-2nd" width="768" height="820" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/7-H5.jpg" alt="image"/></div><div class="DMMW_textT DMMW_text8"><div class="DMMW_text8_D1"><p class="DMMW_font_T1 DMMW_text8_p1 revealOnScroll" data-animation="fadeInUp">8 efficient shortcut keys</p><p class="DMMW_font_T2 DMMW_text8_p2 revealOnScroll" data-animation="fadeInUp">The Deco M and Deco MW drawing tablets feature eight shortcut keys that can be customized to suit the various shortcut combinations needed, thus replacing a computer keyboard. An assortment of tactile bumps on the keys enable you to identify the correct shortcut quickly, helping you to speed up your workflow.</p></div><img class="DMMW_img_PC lazy-2nd" width="2560" height="1600" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/8.jpg" alt="image"/><img class="DMMW_img_MO lazy-2nd" width="768" height="936" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/8-H5.jpg" alt="image"/></div><div class="DMMW_textT DMMW_text9"><p class="DMMW_font_T1 DMMW_text9_p1 revealOnScroll" data-animation="fadeInUp">Impressive compatibility</p><p class="DMMW_font_T2 DMMW_text9_p2 revealOnScroll" data-animation="fadeInUp">The Deco M and Deco MW drawing tablets Compatible with Windows, Mac, Android, Chrome OS, and <span class="Linux_TC_textT">Linux</span> systems. Extensive compatibility brings more possibilites to your creations.</p><img class="DMMW_text9_img1 lazy-2nd" width="1381" height="276" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/9-OS.png" alt="image"/><p class="DMMW_font_T2 DMMW_text9_p3 revealOnScroll" data-animation="fadeInUp">Support most major digital art software such as Photoshop, Illustrator, SAI, CDR, GIMP, Krita, MediBang, FireAlpaca and Blender3D, etc.</p><img class="DMMW_text9_img1 DMMW_text9_img2 lazy-2nd" width="1381" height="538" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/9-software.png" alt="image"/><p class="DMMW_text9_p4">* Connection methods<br class="DMMW_text3_br1"/>Bluetooth connecion: support Windows 10 or later, Mac OS X10.10 or later.<br class="DMMW_text3_br1"/>Wired or wireless receiver connection: Windows 7 or later, Mac OS X10.10 or later, Android 6.0, Chrome OS 88 or later, <span class="Linux_TC_textT">Linux</span>.</p></div><div class="DMMW_textT DMMW_text10"><p class="DMMW_text10_p1 revealOnScroll" data-animation="fadeInUp">Product Gallery</p><div class="DMMW_text10_PT"><div class="swiper-container swiper-container1"><div class="swiper-wrapper"><div class="swiper-slide"><img class="lazy-2nd" width="2560" height="1400" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/10-slide-1.jpg" alt="image"/></div><div class="swiper-slide"><img class="lazy-2nd" width="2560" height="1400" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/10-slide-2.jpg" alt="image"/></div><div class="swiper-slide"><img class="lazy-2nd" width="2560" height="1400" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/10-slide-3.jpg" alt="image"/></div><div class="swiper-slide"><img class="lazy-2nd" width="2560" height="1400" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/10-slide-4.jpg" alt="image"/></div><div class="swiper-slide"><img class="lazy-2nd" width="2560" height="1400" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/10-slide-5.jpg" alt="image"/></div><div class="swiper-slide"><img class="lazy-2nd" width="2560" height="1400" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/10-slide-6.jpg" alt="image"/></div></div><div class="swiper-pagination"></div><div class="swiper_lefts posis"><img alt="image" class="lazy-2nd" width="40" height="40" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/a12pro/scene/lefts.png"/></div><div class="swiper_rightx posix"><img alt="image" class="lazy-2nd" width="40" height="40" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/a12pro/scene/rightx.png"/></div></div></div><script language="javascript">var mySwiper = new Swiper('.swiper-container1',{ loop : true, autoplay:{delay: 3000,stopOnLastSlide: false,disableOnInteraction: true,}, pagination: {el: '.swiper-pagination',clickable:true,}, navigation: {nextEl: '.swiper_rightx',prevEl: '.swiper_lefts',}, });</script></div><div class="DMMW_textT DMMW_text11"><div class="DMMW_text11_D1"><div class="DMMW_text11_D2"><img class="lazy-2nd" width="565" height="343" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/11-Pro-M.jpg" alt="image"/><div class="DMMW_text11_D3"><p class="DMMW_text11_p1 revealOnScroll" data-animation="fadeInUp">Deco M</p><div class="DMMW_text11_D4 revealOnScroll" data-animation="fadeInUp"><p class="DMMW_text11_p2"><span class="DMMW_span_colorT DMMW_span_color1"></span><span class="DMMW_span_text">Black</span></p><p class="DMMW_text11_p2"><span class="DMMW_span_colorT DMMW_span_color2"></span><span class="DMMW_span_text">Blue</span></p><p class="DMMW_text11_p2"><span class="DMMW_span_colorT DMMW_span_color3"></span><span class="DMMW_span_text">Green</span></p><p class="DMMW_text11_p2"><span class="DMMW_span_colorT DMMW_span_color4"></span><span class="DMMW_span_text">Pink</span></p></div><ul class="DMMW_text11_ul revealOnScroll list-paddingleft-2" data-animation="fadeInUp"><li><p>Dimensions: 259.8 x 157.8 x 8.8 mm</p></li><li><p>Work Area: 8 " x 5 "</p></li><li><p>Bluetooth: Not supported</p></li></ul></div></div><div class="DMMW_text11_D2"><img class="lazy-2nd" width="656" height="343" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/11-Pro-MW.jpg" alt="image"/><div class="DMMW_text11_D3"><p class="DMMW_text11_p1 revealOnScroll" data-animation="fadeInUp">Deco MW <img class="lazy-2nd" width="18" height="25" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/11-blue-Bluetooth.png" alt="image"/></p><div class="DMMW_text11_D4 revealOnScroll" data-animation="fadeInUp"><p class="DMMW_text11_p2"><span class="DMMW_span_colorT DMMW_span_color1"></span><span class="DMMW_span_text">Black</span></p><p class="DMMW_text11_p2"><span class="DMMW_span_colorT DMMW_span_color2"></span><span class="DMMW_span_text">Blue</span></p><p class="DMMW_text11_p2"><span class="DMMW_span_colorT DMMW_span_color3"></span><span class="DMMW_span_text">Green</span></p><p class="DMMW_text11_p2"><span class="DMMW_span_colorT DMMW_span_color4"></span><span class="DMMW_span_text">Pink</span></p></div><ul class="DMMW_text11_ul revealOnScroll list-paddingleft-2" data-animation="fadeInUp"><li><p>Dimensions: 259.8 x 157.8 x 8.8 mm</p></li><li><p>Work Area: 8 " x 5 "</p></li><li><p>Bluetooth: support</p></li></ul></div></div></div></div></div><style>.product13{margin-bottom: 150px;} .ef_table_title h2{font-weight: 400;} .ef_table_contents table tr{display: flex;} #norms_p_content{position: absolute; font-size: 14px;left: 42%;top: 15%;} .norms_list_Tilt{position: absolute;top: 7%;left: 39%;} .norms{flex-wrap: wrap;} .norms_list{margin-bottom: 40px;} .product13 .norms .norms_list>img{max-width: 180px;width: 80%;} .ef_table_contents table tr:first-child{border-top: 1px solid #ddd;} .ef_table_contents table tr td{border-right: 1px solid #ddd;} .ef_table_contents table tr td:last-child{border-right:none} @media screen and (max-width: 998px){ .norms_list_Tilt{position: absolute;top: 5%;left: 35%;} } @media screen and (max-width: 660px){ .norms_list_Tilt{position: absolute;top: 0%;left: 32%;} }</style><div class="product13"><div class="product3_title"><ul class=" list-paddingleft-2"><li><p>Specifications</p></li></ul></div><div class="norms"><div class="norms_list" style="position: relative;"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon1.png" alt="image"/><p>Dimensions:259.8 x 157.8 x 8.8 mm</p></div><div class="norms_list"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon2.png" alt="image"/><p>X3 Elite</p></div><div class="norms_list"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon3.png" alt="image"/><p>8192 Levels</p></div><div class="norms_list" style="position: relative;"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon4.png" alt="image"/><p>0.6mm retraction distance</p></div><div class="norms_list"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon5.png" alt="image"/><p>60° tilt</p></div><div class="norms_list" style="position: relative;"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon6.png" alt="image"/><p>Battery-free EMR stylus</p></div><div class="norms_list"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon7.png" alt="image"/><p>Bluetooth v5.0</p></div><div class="norms_list"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon8.png" alt="image"/><p>User-defined shortcut keys</p></div><div class="norms_list" style="position: relative;"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon9.png" alt="image"/><p>Slim and portable</p></div><div class="norms_list"><img class="lazy-2nd" width="155" height="155" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/12-icon10.png" alt="image"/><p>Windows / Mac / Android / Chrome OS / <span class="Linux_TC_textT">Linux</span></p></div></div><div class="product3_title norms_btn tongtopsize"><ul class=" list-paddingleft-2"><li><p>Show More <em class="iconfont icon-arrow-down"></em></p></li></ul></div><div class="a24container container ef_table_container" style="display: none"><div class="row"><div class="ef_table_title col-lg-12 col-md-12 col-sm-12 col-xs-12"><div class="ef_table_contents table-responsive col-lg-10 col-lg-offset-1 col-md-12 col-sm-12 col-xs-12" style="padding: 0;"><table cellspacing="0" cellpadding="0" class="table col-lg-12 col-md-12 col-sm-12 col-xs-12"><tbody><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12 firstRow"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Product Name</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Deco M Drawing Tablet</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Deco MW Drawing Tablet</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Product Model</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">IT850</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">IT850B</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Dimensions</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">259.8 x 157.8 x 8.8 mm</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Work Area</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">8 " x 5 "</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Color Options</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">Black, blue, green, pink</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Shortcut Keys</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">8</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Resolution</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">5080 LPI</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Report rate</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">200RPS (max)</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Wireless Technology</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">/</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Bluetooth v5.0</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Continuous Operation Time</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">/</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">> 10 hours</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Battery Capacity</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">/</td><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">1000mAh/3.7V</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Stylus</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">X3 Elite</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Pressure Levels</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">8192</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Tilt</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">60°</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Reading Height</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">10mm</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Ports Included</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">USB-C</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Power Input</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">5V ⎓ 1A</td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><td class="col-lg-4 col-md-4 col-sm-4 col-xs-4">Compatibility</td><td colspan="2" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">Windows 7 (or later), Mac OS X 10.10 (or later), Android 6.0 (or later), Chrome OS 88 (or later), <br/><span class="Linux_TC_textT">Linux</span></td></tr><tr class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="display: flex;border:none;width:100%;"><td class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="align-items: stretch;line-height: 1.2 !important;padding: 10px 15px!important;border:none;font-weight:400;text-align:right;font-size:12px !important;">* The drawing tablet may not work properly on some foldable/detachable Chromebooks, and the mapping results may vary depending on the settings of the computer vendor, sorry for the inconvenience and thanks for your understanding.</td><td class="col-lg-0 col-md-0 col-sm-0 col-xs-0" style="padding: 0 !important;"><br/></td><td class="col-lg-0 col-md-0 col-sm-0 col-xs-0" style="padding: 0 !important;"><br/></td></tr></tbody></table></div><h2 class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 0;">Package Includes：</h2><div class="ef_table_contents col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12" style="padding: 0;"><div class="especificacoes_cont_2 col-md-12 col-sm-12 col-xs-12 " style="padding: 0;"><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Pen Tablet</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x X3 Elite Stylus</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x USB to USB-C Adapter</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x USB to Micro USB Adapter</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x USB Cable</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Nib Extractor</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">10 x Nibs</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Wireless Dongle (only for Deco MW Drawing Tablet)</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Quick Guide</p><p class="col-lg-4 col-md-6 col-sm-6 col-xs-12">1 x Warranty Card</p></div></div></div></div></div></div><div class="product14"><div class="product14_img"><img class="lazy-2nd" width="684" height="245" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/DecoMMW/images/Deco-MW-Start.jpg" alt="image"/><div class="text">Getting started with your<br/>XPPen Deco M & Deco MW Pen Tablet</div><a aria-label="link" href="https://www.xp-pen.com/setup/deco-m-mw.html" target="_blank"><div class="btn labelsize">Learn more ></div></a></div><div class="product14_img1"><img class="lazy-2nd" width="684" height="245" data-lazysrc="https://resource.xp-pen.com/Uploads/images/product/detail/20170828/16tp/star-pic2.jpg" alt="image"/><div class="text">Deco M & Deco MW Pen Tablet comes<br/>with one free creative software.</div><a aria-label="link" href="https://www.xp-pen.com/free-drawing-software.html" target="_blank"><div class="btn labelsize">Learn more ></div></a></div></div><script>$(function () { $('.product3 .product3_title ul li').click(function () { $('.product3 .product3_title ul li p').removeClass('on'); $(this).find('p').addClass('on'); var i = $(this).index(); $('.product3_show').fadeOut(500); $('.product3_show').eq(i).fadeIn(500); }); var io=false; $('.norms_btn').click(function(){ if(io==false){ $(this).find('em').removeClass('icon-arrow-down'); $(this).find('em').addClass('icon-arrow-up'); $('.a24container').show(); io=true; }else { $(this).find('em').removeClass('icon-arrow-up'); $(this).find('em').addClass('icon-arrow-down'); $('.a24container').hide(); io=false; } }) });</script><script src="/newxp/static/images/activ_list/public/js/lazy-2nd.js"></script> </div>  <div id="Appendix_Buy_bottom"> <link rel="stylesheet" href="/Uploads/images/product/detail/20200818/Linux/Linux.css"/><div class="Linux_TC"><div class="Linux_TC_text"><div class="Linux_TC_biaoge row"><table class="table"><tbody class="Linux_TC_tbody"><tr class="tdbottom firstRow"><td style="font-weight:bold;width: 20%;height:70px;" class="Linux_TC_td1">Linux OS</td><td style="font-weight:bold;width: 32%;height:70px;" class="Linux_TC_td2">Version</td><td style="font-weight:bold;width: 24%;height:70px;" class="Linux_TC_td3">Package Format</td><td style="font-weight:bold;width: 24%;height:70px;" class="Linux_TC_td4">Supported Software</td></tr><tr class="tdbottom"><td>Arch</td><td>Arch Linux2019.12.01(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td class="tdbottom" rowspan="2">Centos</td><td>Centos7.0(64-bit)</td><td>.rpm, .sh</td><td>GIMP</td></tr><tr><td class="tdbottom">Centos8(64-bit)</td><td class="tdbottom">.rpm, .sh</td><td class="tdbottom">GIMP, Krita</td></tr><tr class="tdbottom"><td>Debian</td><td>debian-9.5.0-amd64-netinst(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>elementary OS</td><td>elementary OS 5.0(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>ezgo Linux</td><td>ezgo14(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Fedora</td><td>Fedora32(64-bit)</td><td>.rpm, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Mageia</td><td>Mageia-7.1(64-bit)</td><td>.rpm, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Manjaro</td><td>manjaro-xfce-20.1.2-201019(64-bit)</td><td>.deb, .sh</td><td>GIMP</td></tr><tr class="tdbottom"><td>Mint</td><td>linuxmint-18.2-cinnamon-64bit</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>OpenSUSE</td><td>openSUSE-Tumbleweed(64-bit)</td><td>.rpm, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Pop!_OS</td><td>pop-os_19.10(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr class="tdbottom"><td>Red Hat</td><td>Red Hat7(64-bit)</td><td>.rpm, .sh</td><td>GIMP</td></tr><tr><td class="tdbottom" rowspan="6">Ubuntu</td><td>Ubuntu14.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td>Ubuntu16.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td>Ubuntu17.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td>Ubuntu18.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td>Ubuntu19.04(64-bit)</td><td>.deb, .sh</td><td>GIMP, Krita</td></tr><tr><td class="tdbottom">Ubuntu20.04(64-bit)</td><td class="tdbottom">.deb, .sh</td><td class="tdbottom">GIMP, Krita</td></tr></tbody></table><table class="table"><tbody class="Linux_TC_tbody"><tr class="firstRow"><td style="font-weight:bold;width:20%" class="tdbottom">Function</td><td style="font-weight:bold;width:32%" class="tdbottom">Krita 4.3.0</td><td style="font-weight:bold;width:24%" class="tdbottom">Gimp 2.10.20</td><td style="font-weight:bold;width:24%" class="tdbottom">Inkscape 0.92</td></tr><tr><td class="tdbottom">Pen Pressure Sensitivity</td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td></tr><tr><td class="tdbottom">Tilt</td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-xiegan"></em></td></tr><tr><td class="tdbottom">Mouse Function</td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td><td class="tdbottom"><em class="iconfont icon-dagou"></em></td></tr><tr><td class="tdbottom">Eraser Button<br/>(Stylus：PH01, P06)</td><td class="tdbottom"><em class="iconfont icon-close"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td></tr><tr><td class="tdbottom">Switch between Pen<br/>and Eraser Modes</td><td class="tdbottom"><em class="iconfont icon-close"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td><td class="tdbottom"><em class="iconfont icon-close"></em></td></tr><tr><td style="height:70px" colspan="3">*If you have any further queries, please do not hesitate to contact us at service@xp-pen.com.</td><td colspan="1"><br/></td></tr></tbody></table></div><div class="Linux_TC_icon"><span class="layui-layer-setwin"><a aria-label="link" class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a></span></div></div></div><div class="Linux_H5"><div class="Linux_H5_text"><div class="Linux_H5_biaoge row"><div class="first_system"><p class="system_p_head">Linux OS</p><div class="first_system_one"><div class="system_one_head">Arch</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Arch Linux2019.12.01(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Centos</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Centos7.0(64-bit)<br/>Centos8(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh<br/>.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP<br/>GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Debian</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">debian-9.5.0-amd64-netinst(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">elementary OS</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">elementary OS 5.0(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">ezgo Linux</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">ezgo14(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Fedora</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Fedora32(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Mageia</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Mageia-7.1(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Manjaro</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">manjaro-xfce-20.1.2-201019(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP</div></div></div><div class="first_system_one"><div class="system_one_head">Mint</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">linuxmint-18.2-cinnamon-64bit</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">OpenSUSE</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">openSUSE-Tumbleweed(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Pop!_OS</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">pop-os_19.10(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita</div></div></div><div class="first_system_one"><div class="system_one_head">Red Hat</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Red Hat7(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.rpm, .sh</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP</div></div></div><div class="first_system_one"><div class="system_one_head">Ubuntu</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Version</div><div class="system_one_content_ system_one_detail">Ubuntu14.04(64-bit)<br/>Ubuntu16.04(64-bit)<br/>Ubuntu17.04(64-bit)<br/>Ubuntu18.04(64-bit)<br/>Ubuntu19.04(64-bit)<br/>Ubuntu20.04(64-bit)</div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Package Format</div><div class="system_one_content_ system_one_detail">.deb, .sh<br/>.deb, .sh<br/>.deb, .sh<br/>.deb, .sh<br/>.deb, .sh<br/>.deb, .sh<br/></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Supported Software</div><div class="system_one_content_ system_one_detail">GIMP, Krita<br/>GIMP, Krita<br/>GIMP, Krita<br/>GIMP, Krita<br/>GIMP, Krita<br/>GIMP, Krita<br/></div></div></div><p class="system_p_head system_p_head_2">Function</p><div class="first_system_one"><div class="system_one_head">Pen Pressure Sensitivity</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div></div><div class="first_system_one"><div class="system_one_head">Tilt</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-xiegan"></em></div></div></div><div class="first_system_one"><div class="system_one_head">Mouse Function</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-dagou"></em></div></div></div><div class="first_system_one"><div class="system_one_head">Eraser Button(Stylus：PH01, P06)</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div></div><div class="first_system_one"><div class="system_one_head">Switch between Penand Eraser Modes</div><div class="system_one_content"><div class="system_one_content_ system_one_version">Krita 4.3.0</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Gimp 2.10.20</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div><div class="system_one_content"><div class="system_one_content_ system_one_version">Inkscape 0.92</div><div class="system_one_content_ system_one_detail"><em class="iconfont icon-close"></em></div></div></div><p class="last_p">*If you have any further queries, please do not hesitate to contact us at service@xp-pen.com.</p></div></div><div class="Linux_H5_icon"><span class="layui-layer-setwin"><a aria-label="link" class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a></span></div></div></div><script> displayWindowSize(); var w; function displayWindowSize() { w = document.documentElement.clientWidth; } $('.Linux_TC_icon').click(function(){ $('.Linux_TC').hide(); }); $('.Linux_H5_icon').click(function(){ $('.Linux_H5').hide(); }); $('.Linux_TC_textT').click(function(){ if(w>676){ $('.Linux_TC').show(); }else{ $('.Linux_H5').show(); } })</script> </div> </div> <div id="Specification"> </div> <div class="margin_top" id="Reviews"> <div class="margin_bottom ">  <div class="new-header thead"> <h2 class="bq_h2_new">Reviews</h2> <div class="myWantComment" link="https://www.storexppen.my/user.comment/index/type/1.html" data-goods-id="4"> <div class="submit_button new_btn"> <p>Leave your review</p> </div> </div> </div> <div class="margin_top fenk_list" style="overflow: hidden"> <div class="fenk_1"> <p class="pihm_1_b" id="tiaowe_1">5.0</p> <div class="rank_num"> <div class="star2" data-num="5.0"></div> <p class="zhi4_1_b">Based on 3  Reviews</p> </div> <p class="comment_rank add_cart_button show_all_comment hide" data-rank = "0">Show All Comments</p> </div> <div class="fenk_2"> <div class="zdf_1"> <div class="star2" data-num="5"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 100%;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "5">100%(3)</p> </div> <div class="zdf_1"> <div class="star2" data-num="4"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "4">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="3"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "3">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="2"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "2">0(0)</p> </div> <div class="zdf_1"> <div class="star2" data-num="1"></div> <div class="jdt_1"> <div class="jdt_2" style="width: 0;"></div> </div> <p class="pihm_1 comment_rank" data-rank = "1">0(0)</p> </div> </div> </div> </div> <div class="comment_list" id="comment_list_box"> </div> </div> <div class="margin_top" id="QAs"> <div class="containerAsk"> <div class="goods_ask_content"> <div class="margin_bottom"> <div class="new-header thead"> <h2 class="bq_h2_new">Q & A</h2> <div class="submit_button new_btn" id="ask_question"> <p>Ask a Question</p> </div> </div> <div class="page_title margin_top"> <div class="ask-select-content"> <select name="category" id="category" onchange="change_category()" class="form-control ask_select" aria-label="category"> <option value="0">All questions</option> <option value="1">Goods</option> <option value="2">Delivery</option> <option value="3">Payment</option> <option value="4">Customer Service</option> </select> </div> </div> </div> <div class="goods_ask_list" id="goods_ask_list"></div> </div> <script> window.onload = function () { change_category('0') } </script> </div> </div> </div>   <script type="text/javascript"> $(function(){ $(".select2").select2({ }); }); </script> <script src="/newxp/static2024/js/index/goods_buy.js?ver=20231024"></script> <script type="text/javascript" src="/newxp/static2024/js/index/goods.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/index/comment.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/index/ask.js?ver=202502241"></script>  <script> $(window).on('scroll', function() { var windowscrollWidth = $(window).width(); // 评论距离页面顶部的距离 var offsetTop = $('.mao_1 .nav_content').offset().top if($(window).scrollTop() <=offsetTop) { $('.mao_2').css('display','none') $('#navbar_header_height').show() // if(_LANG_ == 'kr'){ // $('#nav').css('display','block') // } } else if($(window).scrollTop() > offsetTop) { $('.mao_2').css('display','block') $('.mao_2').css('top',0) $('.mao_2').css('z-index',1000) $('#navbar_header_height').hide() // $('.mao_2').css('top',`${$('.navbar_header').height()}px`) // if(_LANG_ == 'kr'){ // $(window).width()>768?$('.mao_2').css('top',`${$('.navbar_header').height()}px`): $('.mao_2').css('top',`${$('.store_nav_top').height()}px`) // } } }); $(function() { var timer=null // 点击Add to Cart添加购物车不调整 $('.mobile-cart-box').click(function(){ $('.add_cart').click() $('.shop-drawer-warpper').fadeIn() $("body").css({"overflow":"hidden","height":"100vh"}) renew_cart_list() }) $('.add_cart').click(function (e) { // renew_cart_list() if (timer) { // 取消上一次的定时器 clearTimeout(timer); } e.stopPropagation() e.preventDefault() var _this = $(this); let __this = $('.navbar_right_cart') BuyPage_addshop(_this) }); }) $(function(){ $('.icon-a-icon1x-29').popover({ content:'', placement:'bottom' }) }) </script> <script> var mySwiper = new Swiper('.l1 .swiper-container', { //初始化Swiper pagination: { //分页器 el: '.swiper-pagination', clickable: true, }, loop: true, //循环 }) var spec_goods_price=""; var spec_goods_price=[{"sku_id":207,"goods_id":4,"item_key":"36","price":"339.00","count":42,"sku":"IT850B_BK","item_key_name":"Color:Black","item_config":{"6":36},"is_default":1,"variant_images":"\/Uploads\/my\/goods\/20220608\/e98dc8fcb52513f6b6fa135a906ef491.jpg","spec_shipping_description":"","price_format":"RM339"}]; var default_ask_url="https://www.storexppen.my/ask/ajax_ask_list/goods_id/4.html", model_name="Goods", default_url="https://www.storexppen.my/comment/ajax_comment/goods_id/4.html", goods_id="4", isLoadComment=1; </script> <script> $(function() { let goodsNum = parseInt($("#goods_num").val()) if(goodsNum <= 1) { $('#minId').addClass('disabled') }else { $('#minId').removeClass('disabled') } var button_list = $('#add_cart_button') // 监听购买按钮高度 function getElementTop (el) { if (!el || typeof el !== 'object' || !('offsetTop' in el)) { return false } var actualTop = el.offsetTop var current = el.offsetParent while (current !== null) { actualTop += current.offsetTop current = current.offsetParent } return actualTop } function isDivOffScreen(el) { if (!el || typeof el !== 'object' || !('offsetTop' in el)) { return false } const viewPortHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight const offsetTop = el.offsetTop const scollTop = document.documentElement.scrollTop const top = offsetTop - scollTop return top <= viewPortHeight } $("[data-toggle='popover']").popover(); // 监听滑动购物车 $(window).scroll(function (params) { let scrollTop = document.documentElement.scrollTop || document.body.scrollTop if(!isDivOffScreen(button_list[0])){ $('.footer_info').css("visibility","visible") $('#xp_foot').css("padding-bottom","100px") } if(scrollTop >getElementTop(button_list[0])){ $('.footer_info').css("visibility","visible") $('#xp_foot').css("padding-bottom","100px") }else { $('.footer_info').css("visibility","hidden") $("[data-toggle='popover']").popover('hide'); } if(!isDivOffScreen(button_list[0])){ $('.footer_info').css("visibility","visible") $('#xp_foot').css("padding-bottom","100px") } }) var rank = 0; var url = default_url+'/type/'+rank; if(rank != 0){ $('.show_all_comment').hide(); }else { $('.show_all_comment').hide(); } ajaxComment(url); $(".star").raty({ score: function() { return $(this).attr("data-num"); }, starOn: 'star-filled-lg.svg', starOff: 'starOff-lg.svg', starHalf: 'star-half-filledM.png', readOnly: true, size: 15, path: 'https://resource.xp-pen.com/img/test_picture' }) $(".star2").raty({ score: function() { return $(this).attr("data-num"); }, starOn: 'star-filled-lg.svg', starOff: 'starOff-lg.svg', starHalf: 'star-half-filled-lg.png', readOnly: true, size: 20, path: 'https://resource.xp-pen.com/img/test_picture' }) $('.comment_rank').click(function (){ var rank = $(this).attr('data-rank') - 0; var url = default_url+'/type/'+rank; if(rank != 0){ $('.show_all_comment').css({'display':'inline-block'}); }else { $('.show_all_comment').hide(); } ajaxComment(url); }) var google_goods_data = [{"item_id":4,"item_name":"Deco MW Bluetooth - X3 Chip","item_brand":"XPPEN Malaysia Official Store","quantity":1,"currency":"MYR","value":"279.00","price":"279.00"}]; if(google_goods_data){ add_google_gtag_event('view_item',google_goods_data); } // $('.specifications-popover').mouseenter(function(){ // var content = $('.spec_content_box').html(); // 获取.spec_content_box的原始HTML内容 // var newDiv = `<div class='sp-confirm'>Yes</div>`; // 定义新div的HTML结构 // var updatedContent = content + newDiv; // $(this).attr('data-content', updatedContent); // }) // $('.specifications-popover').on('show.bs.popover', function () { // setTimeout(function(){ // //商品规格选中的状态 // $(".spec_content .eu_lug").click(function () { // if ($(this).hasClass('eu_lug_disable')) { // return;//当禁用的时候不获取 // } // $(this).prev().addClass("selected"); // $(this).parent().siblings().find("input").removeClass("selected"); // $(this).addClass('eu_lug1') // $(this).parent().siblings().find(".eu_lug").removeClass("eu_lug1"); // if (is_mobile_request()) { // $(this).addClass('active') // $(this).parent().siblings().find(".eu_lug").removeClass("active"); // $(this).parent().siblings().find("input").removeClass("selected"); // } // }); // document.querySelector('.sp-confirm').addEventListener('click', function() { // var selectedSpecs = {}; // 用于存储所有选定的规格 // // 获取所有规格分类的容器 // var specContents = document.querySelectorAll('.spec_content'); // specContents.forEach(function(specContent) { // // 在每个规格分类中找到被选中的输入项 // var selectedInput = specContent.querySelector('.selected'); // if (selectedInput) { // var specName = specContent.querySelector('.bq_4_new').textContent.trim(); // var specValue = specContent.querySelector('label[for="'+selectedInput.id+'"] .zuby_1').textContent.trim(); // // 将规格名称和值存入对象 // selectedSpecs[specName] = specValue; // } // document.getElementById('keyname').innerHTML = ''; // // 遍历selectedSpecs对象，并创建DOM元素来展示每个规格 // for (var specName in selectedSpecs) { // if (selectedSpecs.hasOwnProperty(specName)) { // var specItem = document.createElement('span'); // specItem.textContent = specName + selectedSpecs[specName] +' '; // document.getElementById('keyname').appendChild(specItem); // } // } // }); // console.log(JSON.stringify(selectedSpecs)); // }); // $('.sp-confirm').click(function(){ // // 获取弹窗内选中规格 // var forAttributes = $('.popover-body .eu_lug1').map(function() { // return $(this).attr('for'); // }).get(); // $(".spec_content_box").each(function() { // var $this = $(this); // 保存当前的.spec_content_box元素引用 // // 遍历每个需要匹配的for值 // $.each(forAttributes, function(index, forValue) { // // 使用正确的属性选择器语法查找匹配的元素 // var matchingElements = $this.find('label[for="' + forValue + '"]'); // matchingElements.prev().addClass("selected"); // matchingElements.parent().siblings().find("input").removeClass("selected"); // matchingElements.addClass('eu_lug1') // matchingElements.parent().siblings().find(".eu_lug").removeClass("eu_lug1"); // update_goods_price(); // $("[data-toggle='popover']").popover('hide'); // }); // }); // }) // },1000) // }) }) </script> <script> // hwTag $(function (){ let param_SearchResultClick = JSON.parse(localStorage.getItem('SearchResultClick')); if(param_SearchResultClick){ param_SearchResultClick.reviews = '3'; hwtag('event', 'SearchResultClick', param_SearchResultClick); localStorage.removeItem('SearchResultClick') } let param_SearchResults = JSON.parse(localStorage.getItem('SearchResults')); if(param_SearchResults){ hwtag('event', 'SearchResults', param_SearchResults); localStorage.removeItem('SearchResults') } }) </script> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/bootstrap/Trun_1.css" />  <section id="store_services" > <div class="services"> <div class="container"> <div class="row"> </div> </div> </div>  <div class="newmobei_store_services"> <div class="newmobei_weService"></div> <div class="newmobei_services_content"> </div> </div> </section>   <style > #store_subscribe{ position: relative; background-image: url(""); background-size: cover; } #store_subscribe .subscribe { z-index: 1; } #store_subscribe .subscribe::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; background-image: inherit; opacity: 0.8; z-index: 2; } #store_subscribe .subscribe_verify { height: auto; } #store_subscribe .bg_color_subscirbe{ background-color: #000000; } .subscribe_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; } #store_subscribe .sub_button { text-wrap:nowrap; } @media screen and (max-width: 768px) { .mobile_hidden{ display: none; } #store_subscribe { background-image: url(""); } #store_subscribe .subscribe { height: 210px; } #store_subscribe .subscribe_txt_p{ font-size: 16px; } .subscribe_text { width: 100%; padding: 16px; } #store_subscribe .subscribe_txt_input { width: 100%; min-width: auto; } #store_subscribe .subscribe_verify { width: 75%; } #store_subscribe .sub_button{ font-size: 16px; font-weight: 400; width: auto; } } </style > <section id="store_subscribe" > <div class='bg_color_subscirbe' > <div class="subscribe"> <div class="subscribe_text"> <p class="subscribe_title" style='color: #000000' >Get the latest on XPPen products, free trials, and more.</p> <p class="subscribe_txt_p" style='color: #000000' ></p>  <div class="subscribe_txt_input"> <div class="subscribe_verify"> <div class="subscribe_verifyBox">  <input type="hidden" name="tokenSubscribeInput" id="tokenSubscribeInput" value="06a05a12cc40685f0148464f688e9876"> <input type="email" name="emailSubscribeInput" class="validate emailSubscribeInput" id="index_email" value="" onfocus="this.placeholder='' " onblur="this.placeholder='YOUR_EMAIL'" placeholder="YOUR_EMAIL" /> </div> <div class="sub_prompt"> <em class="iconfont icon-colose"></em><span data-required="Please enter an email address" data-email="Mailbox format error"></span> </div> </div> <span class="sub_button" style='background-color: #000000;color:#000000' >Subscribe Now</span> </div>  </div> </div> </div> </section> <script type="text/javascript"> $(function(){ $('.sub_button').click(function(){ var emailSubscribeInput = $('.emailSubscribeInput').val(); if (emailSubscribeInput == '') { layer.tips(L('ENTER_YOUR_ACCOUNT_NUMBER'), '.emailSubscribeInput', {tips: [1, '#d9534f']}); $('.emailSubscribeInput').focus(); return false; } var index = layer.load(1); var payload = {'email': emailSubscribeInput, 'tokenSubscribeInput': $('#tokenSubscribeInput').val()}; if(_LANG_ == 'de'){ payload = {'email': emailSubscribeInput, 'tokenSubscribeInput': $('#tokenSubscribeInput').val(),'coupon_id':136} } $.post("https://www.storexppen.my/subscribe/subscribe.html", payload, function(data) { layer.close(index); $('#tokenSubscribeInput').val(data.data.token); if (data.code == 1) { layer.msg(data.msg, {icon: 1}); } else { layer.tips(data.msg, '.emailSubscribeInput', {tips: [1, '#d9534f']}); $('.emailSubscribeInput').focus(); } }) }) }) </script>  <div id="backTop" class="backTop"><i class="iconfont icon-arrow-up icon"></i></div>   <style> /* 自定义弹窗样式 */ .lottery-popup-skin { width: 667px; height: auto; background-image: url('http://xpstore.oss-us-west-1.aliyuncs.com/img/pop04.webp'); background-size: 100%; background-color: #FF5100; border-radius: 16px; } /* 标题样式 */ .lottery-popup-skin .title { color: #fff; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.5; height: auto; border: none; padding: 10px 0 8px 0; border-radius: 16px 16px 0 0; display: block; } /* 副标题容器 */ .lottery-subtitle { text-align: center; color: #fff; padding: 0 20px 8px; flex-shrink: 0; } .lottery-subtitle h2 { font-size: 12px; font-weight: 400; text-align: center; margin-bottom: 24px; } .lottery-subtitle p { font-size: 14px; font-weight: bold; line-height: 1.4; height: 26px; } /* 关闭按钮样式 */ .lottery-popup-skin .layui-layer-close { color: #fff; font-size: 24px; font-weight: bold; } .lottery-popup-skin .layui-layer-content { display: block; height: auto !important; display: flex; flex-direction: column; } /* 左侧转盘容器 */ .lottery-wheel-container { width: 55%; padding: 16px; display: flex; align-items: center; justify-content: center; height: 392px; } .lottery-wheel { flex-shrink: 0; } /* 右侧内容容器 */ .lottery-content-container { width: 45%; padding: 16px; padding-left: 0; background: #fff; border-radius: 0 16px 16px 0; display: flex; flex-direction: column; justify-content: center; height: auto; } /* 表单样式 */ .lottery-form { /* padding: 20px; */ } .lottery-form-title { font-size: 20px; font-weight: bold; margin-bottom: 24px; color: #000; } .lottery-form-title-new { font-size: 14px; font-weight: bold; margin-bottom: 8px; color: #000; text-align: center; } .lottery-form .form-group { margin-bottom: 8px; } .lottery-form input { width: 100%; height: 40px; border: 1px solid #E5E5E5; border-radius: 4px; padding: 0 12px; font-size: 14px; outline: none; } .lottery-form input::placeholder { color: #999; } .lottery-form .captcha-group { display: flex; gap: 12px; } .lottery-form .captcha-group input { flex: 1; } .lottery-form .captcha-group img { width: 120px; height: 40px; border-radius: 4px; } .lottery-form .form-checkbox { display: flex; align-items: flex-start; gap: 8px; margin: 8px 0; } .lottery-form .form-checkbox input[type="checkbox"] { width: 16px; height: 16px; margin-top: 3px; border: none; padding: 0; } .lottery-form .form-checkbox label { font-size: 12px; line-height: 1.4; color: #666; } .agreement { font-size: 12px; margin-top: 8px; } .agreement a { font-weight: bold; color: #000; } .agreement a:hover { color: #FF640A; text-decoration: underline!important; } .lottery-form button { width: 100%; height: 48px; background: #FF640A; border-radius: 4px; color: #fff; font-size: 16px; font-weight: bold; border: none; cursor: pointer; text-align: center; } .lottery-form button:hover { background: #ff7a33; } /* 模糊效果容器 */ .lottery-popup-skin:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: inherit; filter: blur(190px); z-index: -1; } .pc-tip { display: block; } .h5-tip { display: none; } .lottery-white-box { display: flex; background: #fff; border-radius: 16px; margin: 0 6px 6px 6px; flex: 1; } @media screen and (max-width: 768px) { .lottery-popup-skin { width: 90% !important; max-width: 400px; background-image: none; } .popup_countdown { display: block!important; background-color: #FF640A; border-radius: 4px; padding: 4px 5px; width: fit-content; margin: 0 auto; margin-top: 8px; margin-bottom: 20px; } .lottery-wheel-container { height: auto; } .popup_countdown span { color: #fff; } .pc-tip { display: none; } .h5-tip { display: block; max-width: 280px; text-align: center; margin: 0 auto; font-size: 12px; font-weight: bold; margin-top: 8px; color: #000; } .lottery-popup-skin .layui-layer-content > div:last-child { flex-direction: column; } .lottery-wheel { margin: 0 auto; } .lottery-subtitle { padding-bottom: 0; } .lottery-wheel-container, .lottery-content-container { width: 100% !important; flex-direction: column; border-radius: 16px; } .lottery-content-container { display: none; /* 初始隐藏注册表单 */ } .lottery-content-container { padding: 20px; } .lottery-tips { display: none; } .lottery-wheel-container { padding: 16px 0 0 0; display: block ; /* 始终显示转盘容器 */ } .lottery-wheel-container.disabled .start-register-btn { display: block !important; /* 未注册时显示注册按钮 */ text-align: center; padding: 8px 0; max-width: 300px; } .start-register-btn { display: block; width: 80%; margin: 0 auto 20px; padding: 12px 0; background: #FF5100; color: #fff; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; cursor: pointer; } /* 转盘最小化样式 */ .lottery-wheel-container.minimized { padding: 10px 0; } .lottery-wheel-container.minimized #lottery-wheel { transform: scale(0.6); transition: transform 0.3s ease; } .lottery-wheel-container.minimized .h5-tip, .lottery-wheel-container.minimized .start-register-btn { display: none !important; } .lottery-white-box { display: flex; background: #fff; border-radius: 16px;margin:16px; } .lottery-white-box { min-height: 300px; } } </style> <div class="xp_foot" id="xp_foot"> <div class="xp_foot_1400"> <div class="row"> <div class="qx_padd"> <dl class="foot_off"> <dt>Help <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/3.html" aria-label="link">Registration</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>Shopping & distribution <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/7.html" aria-label="link">Ordering & Payment</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>Service <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/9.html" aria-label="link">Returns Policy</a></dd> <dd><a href="/article/6.html" aria-label="link">Warranty Policy</a></dd> <dd><a href="/article/12.html" aria-label="link">Privacy Policy</a></dd> <dd><a href="/article/13.html" aria-label="link">Shipping Policy</a></dd> <dd><a href="https://www.storexppen.my/article/11.html" aria-label="link">Terms and Conditions</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>Concern us <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="https://www.storexppen.ph/article/8.html" aria-label="link">About us</a></dd> <dd><a href="/article/10.html" aria-label="link">Contact us</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>FOLLOW US <i class="iconfont icon-a-icon1x-9"></i></dt> <dd><a href="https://www.facebook.com/Xp-pen-Malaysia-107998390624125"> <i class="iconfont icon-facebook"></i>Facebook </a></dd> <dd><a href="https://www.instagram.com/xppen_my/"> <i class="iconfont icon-Instagram"></i>Instagram </a></dd> </dl> </div> </div> <div class="row">  <div class="foot_margin foot_svg"> <div class=" foot_paypal"> <object data="https://resource.xp-pen.com/static/images/20240815/236EM2hw8fJjH9fsMGCX.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/EFyGTpVNNQuHVMGX4cZt.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/wRp8ZnwP3O4w8FEJ8Nf7.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/OrIY7FUwDtuA4FfpYARJ.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/5dRhLI2F4lv7AKmR3J7L.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/KZyONK2eY1c3TK375W7d.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/9uhyhEIXQTX3FwVpY7An.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240815/i2AQt4tuPTcCh74P1yUs.png" aria-label="icon"></object> </div> </div>  </div>   <div class="foot_row2"> <div class="foot_row2_txt"> <p style="text-align: center;">Copyright© 2025 HANVON UGEE (HK) TECHNOLOGY CO., LIMITED All Rights Reserved.</p> </div> <div class="foot_margin foot_margin_end"> <div style="color:#000;border: 1px solid #CECCD3;;text-align:left;border-radius: 6px;cursor: pointer;display: flex;align-items: center; justify-content: space-between;width: 250px;background: #fff;" class="countryLanguageSelectOpen countryLanguageSelectOpen2"> <p class="current_site_name">Malaysia Official Store</p> <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> </div> </div> </div> </div> </div> <script src="https://unpkg.com/lucky-canvas@1.7.25"></script> <script type="text/javascript" src="/newxp/static2024/js/index/homefoot.js"></script> <script> $('.countryLanguageSelectOpen2').click(function () { $('#store_SiteSwitch2').css('margin-top',`0px`) }) </script> <script> $(function() { function setCookie(name, value, days) { let expires = ''; if (days) { const date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = '; expires=' + date.toUTCString(); } document.cookie = name + '=' + (value || '') + expires + '; path=/'; } function getCookie(name) { const nameEQ = name + '='; const ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } // 添加登录页面判断函数 function checkLoginPage() { const currentUrl = window.location.href; if (currentUrl.indexOf('/login/index.html') > -1) { const urlParams = new URLSearchParams(window.location.search); const jumpUrl = urlParams.get('jumpUrl'); // 如果jumpUrl指向购买页面，则不显示弹窗 if (jumpUrl && ( jumpUrl.indexOf('/buy/') > -1 || jumpUrl.indexOf('buy_mobile.html') > -1 )) { return false; } } return true; } // 修改原有的弹窗显示逻辑 if(window.location.href.indexOf('/buy') > -1 && checkLoginPage() && _LANG_ =='fr') { // 初始化变量 let hasChecked = false; let lotteryLayerIndex; let popContent = ''; // 存储弹窗内容 let uid; // 存储用户ID let countdownTimer; // 存储倒计时定时器 let countdownStarted = false; // 标记倒计时是否已经开始 let currentStep = 'initial'; // 记录当前步骤：initial=初始状态, verify=验证码状态, success=注册成功状态 let firstStepData = null; // 存储第一步的表单数据 const ENTRY_DISPLAY_TIME = 30 * 60; // 入口显示时间（30分钟） const ONE_DAY = 24 * 60 * 60 * 1000; // 24小时的毫秒数 let lotteryData = null; // 点击入口图标重新打开弹窗 $('#lottery_entry').on('click', function() { // 检查是否应该显示弹窗 if (!checkLoginPage()) { return; } hwtag("event", "popup_click", { click_type: '点击倒计时弹窗', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); const hasRegistered = getCookie('lottery_registered'); const hasDrawn = getCookie('lottery_drawn'); if (hasDrawn) { try { // 调用获取中奖信息接口 $.ajax({ url: '/lottery/getLotteryWinnerList', type: 'post', data: { winner_id: JSON.parse(hasDrawn).unique_id, device_id: getCookie('hw_tag_device_id'), lottery_id: JSON.parse(hasDrawn).activity_id, }, success: function(result) { if(result.code === 1) { console.log(result.data.winner_prize_list[0]) layer.open({ type: 1, title: false, closeBtn: 1, area: ['400px','auto'], skin: 'lottery-popup-skin', content: result.data.pop_window.replace( 'src=""', `src="${result.data.prize_info.prize_image}"` ).replace( '<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;"></h3>', `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.prize_info.prize_name}<span class="id" style="display:none">${result.data.prize_info.prize_id}</span><span class="active_id" style="display:none">${result.data.prize_info.id}</span><span class="winner_id">${result.data.winner_id}</span></h3>` ).replace( 'font-weight: bold;\"></p>', `font-weight: bold;">${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</p>` ).replace( 'Code promo:</', `Code promo:${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</` ) }); } else { console.error('Failed to get winner info:', result.msg); } }, error: function() { console.error('Network error when getting winner info'); } }); } catch (e) { console.error('Failed to parse prize info:', e); return; } return; } // 如果已注册但未抽奖，设置状态 if (hasRegistered) { currentStep = 'success'; uid = getCookie('lottery_uid'); } // 如果已经有数据，直接使用 if(lotteryData) { showLotteryPopup( lotteryData.pop_window, lotteryData.lottery_info, lotteryData.lottery_rule_list ); return; } // 第一次点击时获取数据 $.ajax({ url: '/lottery/checkIfCanPopRegisterDrawPrize/device_id/'+getCookie('hw_tag_device_id'), type: 'GET', dataType: 'json', success: function(response) { if(response.code === 1) { // 保存接口返回的数据 lotteryData = response.data; showLotteryPopup( lotteryData.pop_window, lotteryData.lottery_info, lotteryData.lottery_rule_list ); }else { $('#lottery_entry').css('display','none'); if(lotteryLayerIndex) { layer.close(lotteryLayerIndex); } } } }); }); // 从 localStorage 获取累计时间和最后更新时间戳 let accumulatedTime = parseInt(localStorage.getItem('buyPageStayTime') || '0'); let lastTimestamp = parseInt(localStorage.getItem('lastBuyPageTimestamp')) || new Date().getTime(); // 如果存在上次时间戳，计算页面关闭期间的时间不计入累计时间 if (lastTimestamp) { const now = new Date().getTime(); // 如果距离上次更新超过3秒，说明页面可能被关闭过，重置lastTimestamp if (now - lastTimestamp > 3000) { lastTimestamp = now; } } // 更新最后时间戳 localStorage.setItem('lastBuyPageTimestamp', lastTimestamp.toString()); // 获取倒计时开始时间和剩余时间 const countdownStartTime = localStorage.getItem('lotteryCountdownStart'); let remainingTime; if(countdownStartTime) { // 如果已经开始计时，计算剩余时间 const elapsedTime = Math.floor((new Date().getTime() - parseInt(countdownStartTime)) / 1000); remainingTime = ENTRY_DISPLAY_TIME - elapsedTime; if(remainingTime > 0) { // 如果还有剩余时间，显示入口并开始倒计时 $('#lottery_entry').show(); startCountdown(); } else { // 如果时间已到，记录到localStorage localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); } } else { remainingTime = ENTRY_DISPLAY_TIME; } // 检查是否在24小时内已经显示过 const lastPopupTime = localStorage.getItem('lastLotteryPopupTime'); if (lastPopupTime && (new Date().getTime() - parseInt(lastPopupTime)) < ONE_DAY) { // 如果在24小时内已经显示过，不再执行后续代码 return; } // 定时检查停留时间 const timeCheckInterval = setInterval(function() { const currentTime = new Date().getTime(); const timeDiff = currentTime - lastTimestamp; // 如果时间差异过大（超过3秒），说明页面可能被挂起或切换 if (timeDiff > 3000) { lastTimestamp = currentTime - 1000; // 只计算1秒的时间 } // 计算这次间隔增加的时间（秒） const intervalSeconds = Math.floor((currentTime - lastTimestamp) / 1000); if (intervalSeconds > 0) { // 只有在有实际时间增加时才更新 // 更新累计时间 accumulatedTime += intervalSeconds; // 更新最后时间戳 lastTimestamp = currentTime; // 保存累计时间和时间戳到 localStorage localStorage.setItem('buyPageStayTime', accumulatedTime.toString()); localStorage.setItem('lastBuyPageTimestamp', lastTimestamp.toString()); // 使用累计时间判断 if(accumulatedTime >= 20 && !hasChecked && !countdownStartTime) { hasChecked = true; // 立即停止计时 clearInterval(timeCheckInterval); // 发送AJAX请求获取弹窗内容 $.ajax({ url: '/lottery/checkIfCanPopRegisterDrawPrize/device_id/'+getCookie('hw_tag_device_id'), type: 'GET', dataType: 'json', success: function(response) { if(response.code === 1) { // 保存接口返回的数据 lotteryData = response.data; showLotteryPopup( lotteryData.pop_window, lotteryData.lottery_info, lotteryData.lottery_rule_list ); // 设置24小时内已弹出的标记，而不是清除累计时间 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); } else { // 在这里隐藏入口以及弹窗 $('#lottery_entry').css('display','none'); if(lotteryLayerIndex) { layer.close(lotteryLayerIndex); } // 同样设置标记 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); } } }); // 达到目标时间后直接返回，不再继续计时 return; } } }, 200); // 在抽奖成功时清除累计时间 function clearAccumulatedTime() { localStorage.removeItem('buyPageStayTime'); localStorage.removeItem('lastBuyPageTimestamp'); } // 倒计时函数 function startCountdown() { countdownStarted = true; const $countdown = $('#entry_countdown'); countdownTimer = setInterval(function() { remainingTime--; // 更新倒计时显示 const minutes = Math.floor(remainingTime / 60); const seconds = remainingTime % 60; const countdownHtml = ` <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${Math.floor(minutes/10)}</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${minutes%10}</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;">:</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${Math.floor(seconds/10)}</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${seconds%10}</span> `; $countdown.html(countdownHtml); // 更新弹窗中的倒计时 $('.popup_countdown').html(countdownHtml); // 时间到，隐藏入口和关闭弹窗 if(remainingTime <= 0) { clearInterval(countdownTimer); // 先隐藏入口 $('#lottery_entry').fadeOut().promise().done(function() { $(this).hide(); // 再关闭弹窗 layer.closeAll(); }); // 记录弹窗消失的时间 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); // 清除倒计时开始时间 localStorage.removeItem('lotteryCountdownStart'); // 重置变量 countdownStarted = false; remainingTime = ENTRY_DISPLAY_TIME; } }, 1000); } // 显示抽奖弹窗函数 function showLotteryPopup(popContent, lotteryInfo, prizeList) { // 添加打开抽奖页面埋点 hwtag("event", "OPEN_DRAW_PRIZE_PAGE", { lottery_id: lotteryInfo.id, lottery_name: lotteryInfo.lottery_name, }); // 检查是否已注册和抽奖 const hasRegistered = getCookie('lottery_registered'); const hasDrawn = getCookie('lottery_drawn'); if (hasDrawn) { try { // 调用获取中奖信息接口 $.ajax({ url: '/lottery/getLotteryWinnerList', type: 'post', data: { winner_id: hasDrawn.winner_id, device_id: getCookie('hw_tag_device_id'), lottery_id: hasDrawn.activity_id, }, success: function(result) { if(result.code === 1) { console.log(result.data.winner_prize_list[0]) layer.open({ type: 1, title: false, closeBtn: 1, area: ['400px','auto'], skin: 'lottery-result-skin', content: result.data.pop_window.replace( 'src=""', `src="${result.data.prize_info.prize_image}"` ).replace( `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</h3>`, `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.prize_info.prize_name}<span class="id" style="display:none">${result.data.prize_info.prize_id}</span><span class="active_id" style="display:none">${result.data.prize_info.id}</span><span class="winner_id">${result.data.winner_id}</span></h3>` ).replace( 'font-weight: bold;\"></p>', `font-weight: bold;">${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</p>` ) }); } else { console.error('Failed to get winner info:', result.msg); } }, error: function() { console.error('Network error when getting winner info'); } }); } catch (e) { console.error('Failed to parse prize info:', e); return; } return; } // 如果已注册但未抽奖，直接显示抽奖界面 if (hasRegistered) { currentStep = 'success'; uid = getCookie('lottery_uid'); } // 先关闭所有已存在的弹窗 layer.closeAll(); // 隐藏入口 $('#lottery_entry').hide(); // 根据当前步骤显示对应内容 let formContent = ''; if (hasRegistered || currentStep === 'success') { // 直接显示抽奖界面 formContent = ` <div class="lottery-tips" style="text-align:center;padding:20px;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/pop03.webp" alt=""> <p style="text-align: center;font-size: 14px;color: #000;font-weight:500;">Bravo,inscription réussie ! Cliquez à gauche pour gagner!</p> </div> `; // 清除之前的内容并显示新内容 setTimeout(() => { $('.lottery-content-container').empty().html(formContent).show(); // 移除抽奖按钮的禁用状态 $('.lottery-wheel-container').removeClass('disabled'); // 确保抽奖按钮可见 $('.lottery-wheel-container').show(); $('.start-register-btn').hide() }, 0); } else if (currentStep === 'verify' && firstStepData) { formContent = ` <div class="form-group"> <input type="text" name="verify_code" placeholder="Code de vérification*" required> <p class="verify-tip" style="font-size:12px;color:#666;margin-top:8px;text-warp:pretty"> Le code de vérification a été envoyé à votre e-mail </p> </div> <button type="button" id="confirmVerifyCode" style="margin-top:8px">Confirmer</button> `; // 移除 form-checkbox setTimeout(() => { $('.form-checkbox').hide(); $('button[type="submit"]').hide(); // 隐藏submit按钮 // 重新绑定验证码确认按钮点击事件 $('#confirmVerifyCode').on('click', function() { const verifyCode = $('input[name="verify_code"]').val(); if(!verifyCode) { layer.msg('Veuillez saisir le code de vérification', {icon: 2}); return; } // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 发送第二步注册请求 $.ajax({ url: '/lottery/lottery_register', type: 'POST', data: JSON.stringify({ verify_code: verifyCode, // 用户输入的邮箱验证码 email: firstStepData.email, // 邮箱 nonce: firstStepData.nonce, // nonce值 is_agree: firstStepData.is_agree, // 是否同意订阅 pwd: firstStepData.pwd, // 密码 device_id: firstStepData.device_id // 设备ID }), contentType: 'application/json', success: function(res) { // 关闭loading layer.close(loadingIndex); if(res.code === 1) { // 设置注册成功的cookie setCookie('lottery_registered', '1', 7); setCookie('lottery_uid', res.data.sso_uid, 7); // 保存用户信息到cookie setCookie('lottery_user_info', JSON.stringify({ email: firstStepData.email, uid: res.data.sso_uid, device_id: firstStepData.device_id }), 7); // 注册成功 layer.msg('Inscription réussie!', {icon: 1}); uid = res.data.sso_uid; currentStep = 'success'; // 清除之前的内容并显示抽奖界面 const successContent = ` <div class="lottery-tips" style="text-align:center;padding:20px;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/pop03.webp" alt=""> <p style="text-align: center;font-size: 14px;color: #000;font-weight:500;">Bravo,inscription réussie ! Cliquez à gauche pour gagner!</p> </div> `; $('.lottery-content-container').empty().html(successContent).show(); // 移除抽奖按钮的禁用状态 $('.lottery-wheel-container').removeClass('disabled'); // 确保抽奖按钮可见 $('.lottery-wheel-container').show(); } else { layer.msg(res.data.msg || 'Échec de la vérification', {icon: 2}); } }, error: function() { // 关闭loading layer.close(loadingIndex); layer.msg('Erreur de réseau', {icon: 2}); } }); }); }, 0); } else { formContent = popContent; currentStep = 'initial'; firstStepData = null; } // 如果是第一次显示弹窗，开始倒计时 if (!countdownStarted) { // 记录倒计时开始时间 localStorage.setItem('lotteryCountdownStart', new Date().getTime().toString()); startCountdown(); } // 处理奖品列表数据 const prizes = prizeList.map((prize, index) => ({ background: index % 2 === 0 ? '#FFF9E3' : '#FFA72B', fonts: [{ text: prize.prize_name, top: '56%', fontSize: '10px', fontColor: index % 2 === 0 ? '#FF5100' : '#FFF', lineClamp: 4, }], imgs: [{ src: prize.prize_image, width: '40px', height: '40px', top: '12%' }] })); // 使用layer弹窗 lotteryLayerIndex = layer.open({ type: 1, closeBtn: 1, area: ['700px', 'auto'], shadeClose: true, skin: 'lottery-popup-skin', offset: 'auto', anim: 0, resize: false, fixed: true, isOutAnim: false, cancel: function() { // 如果倒计时已结束，同时隐藏入口 if(remainingTime <= 0) { $('#lottery_entry').fadeOut().promise().done(function() { $(this).hide(); }); } else { $('#lottery_entry').fadeIn(); } }, success: function(layero, index) { // 等待内容加载完成后重新计算高度 setTimeout(() => { const $content = $(layero).find('.layui-layer-content'); const height = $content.children().outerHeight(); $content.height(height); }, 100); }, content: ` <div class="lottery-subtitle"> <div class="title">Inscrivez-vous maintenant</div> <h2>Gagnez des cadeaux exclusifs !</h2> <p class="pc-tip">Offre surprise, achetez maintenant ! Ne laissez pas passer la chance!<span class="popup_countdown"></span></p> </div> <div class="lottery-white-box" style="display: flex; background: #fff; border-radius: 0 0 16px 16px;margin:0 6px 6px 6px"> <div class="lottery-wheel-container disabled"> <div id="lottery-wheel" style="margin: 0 auto;"></div> <p class="h5-tip">Offre surprise, achetez maintenant ! Ne laissez pas passer la chance!</p> <div style="height:30px;margin-top:8px;margin-bottom:20px;"><div class="popup_countdown" style="display: none;"></div></div> <button class="start-register-btn" style="display: none;"> S'inscrire </button> </div> <div class="lottery-content-container"> <div class="lottery-form"> <h3 class="lottery-form-title-new">S'inscrire</h3> <form id="registerForm" style="margin-top:12px"> ${formContent} <div class="form-checkbox"> <input type="checkbox" id="newsletter" > <label for="newsletter"> Souhaitez-vous recevoir des offres spéciales de XPPen par e-mail ? </label> </div> <button type="submit" data-click-type="continue">Suivant</button> <div class="agreement">En créant un compte, vous acceptez <a href="https://www.storexppen.fr/article/12.html" target="_blank">les conditions d'utilisation de XPPen</a> et <a href="https://www.storexppen.fr/article/11.html" target="_blank">la politique de confidentialité</a>.</div> </form> </div> </div> </div>`, success: function(layero, index) { // 初始化抽奖转盘 const myLucky = new LuckyCanvas.LuckyWheel('#lottery-wheel', { width: '333px', height: '333px', blocks: [ { padding: '24px', imgs: [{ src: 'http://xpstore.oss-us-west-1.aliyuncs.com/img/pop01.webp', width: '100%', height: '100%', rotate: true }] } ], defaultConfig: { gutter: "2px", }, prizes: prizes, buttons: [ { radius: '29%', imgs: [{ src: 'http://xpstore.oss-us-west-1.aliyuncs.com/img/pop02.webp', width: '100%', top: '-150%' }] } ], start: function() { // 如果转盘是禁用状态,显示提示 if($('.lottery-wheel-container').hasClass('disabled')) { hwtag("event", "popup_click", { click_type: '未注册抽奖', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); layer.msg('Inscrivez-vous d\'abord pour participer à la loterie', { time: 3000, icon: 2 }); return; } // 获取用户信息 const userInfo = JSON.parse(getCookie('lottery_user_info') || '{}'); // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 发送抽奖请求 $.ajax({ url: '/lottery/drawPrize', type: 'POST', data: JSON.stringify({ device_id: getCookie('hw_tag_device_id'), lottery_id: lotteryInfo.id, uid: getCookie('lottery_uid') }), contentType: 'application/json', success: function(result) { // 关闭loading layer.close(loadingIndex); if(result.code === 1) { // 保存 winner_id 和活动 id const lotteryDrawnData = { winner_id: result.data.winner_id, activity_id: result.data.prize_info.id, unique_id: result.data.unique_id }; setCookie('lottery_drawn', JSON.stringify(lotteryDrawnData), 7); updatePubAttr({"account_id": getCookie('lottery_uid')}); // 添加抽奖埋点 hwtag("event", "CLICK_TO_DRAW_PRIZE", { lottery_id: result.data.prize_info.id, prize_id: result.data.prize_info.prize_id ? result.data.prize_info.prize_id : "0", winner_id: result.data.winner_id, lottery_name: result.data.prize_info.lottery_name }); hwtag("event", "popup_click", { click_type: '点击抽奖', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); // 找到中奖奖品的索引 const index = prizeList.findIndex(item => item.prize_id === result.data.prize_info.prize_id ); if(index !== -1) { // 转动到中奖位置 myLucky.play(); setTimeout(() => { myLucky.stop(index); // 等待转盘停止后显示中奖弹窗 setTimeout(() => { layer.open({ type: 1, title: false, area: ['400px', 'auto'], shadeClose: false, skin: 'lottery-popup-skin', content: result.data.pop_window.replace( 'src=""', `src="${result.data.prize_info.prize_image}"` ).replace( '<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;"></h3>', `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.prize_info.prize_name}<span class="id" style="display:none">${result.data.prize_info.prize_id}</span><span class="active_id" style="display:none">${result.data.prize_info.id}</span><span class="winner_id">${result.data.winner_id}</span></h3>` ).replace( 'font-weight: bold;\"></p>', `font-weight: bold;">${result.data.prize_info.coupon_sn}</p>` ) }); }, 3000); }, 2500); } } else { layer.msg(result.msg || '抽奖失败', {icon: 2}); } } }); } }); // 等待转盘和内容加载完成后 setTimeout(() => { // 显示倒计时 if($(window).width() <= 768) { $('.popup_countdown').fadeIn(); } // 更新弹窗高度 const height = $(layero).find('.layui-layer-content').height(); layer.style(index, { height: height + 'px', top: '50%', marginTop: -(height/2) + 'px' }); }, 100); // 移动端处理 if($(window).width() <= 768) { $('.start-register-btn').show(); // 点击开始注册按钮 $('.start-register-btn').on('click', function() { $(this).hide(); // 隐藏按钮 $('.lottery-wheel-container').hide(); // 隐藏转盘 $('.lottery-content-container').fadeIn(); // 显示注册表单 // 重新计算弹窗高度 setTimeout(() => { const height = $(layero).find('.layui-layer-content').height(); layer.style(index, { height: height + 'px', top: '50%', marginTop: -(height/2) + 'px' }); }, 100); }); } // 移除之前可能存在的事件监听器 $('#registerForm').off('submit'); // 注册表单提交处理 $('#registerForm').on('submit', function(e) { e.preventDefault(); // 获取表单数据 const email = $('input[name="email"]').val(); const pwd = $('input[name="pwd"]').val(); const code = $('input[name="code"]').val(); // 密码格式校验 const pwdRegex = /(?=.*[a-zA-Z]+)(?=.*\d+)/; if (!pwdRegex.test(pwd) || pwd.length < 6 || pwd.length > 18) { layer.msg('Votre mot de passe doit contenir : caractères alphanumériques 6 à 18 caractères', { icon: 2, time: 3000 }); return; } // 验证必填字段 if(!email || !pwd || !code) { layer.msg('Veuillez remplir tous les champs obligatoires', {icon: 2}); return; } // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 获取表单数据 const formData = { email: $('input[name="email"]').val(), pwd: $('input[name="pwd"]').val(), code: $('input[name="code"]').val(), nonce: $('input[type="hidden"][name="nonce"]').val(), is_agree: $('#newsletter').is(':checked') ? 1 : 0, device_id: getCookie('hw_tag_device_id') }; $.ajax({ url: '/lottery/lottery_register_verify', type: 'POST', data: JSON.stringify(formData), contentType: 'application/json', success: function(response) { // 关闭loading layer.close(loadingIndex); if(response.code === 1) { // 第一步验证成功，显示验证码输入框 currentStep = 'verify'; firstStepData = {...formData}; $('.lottery-form form').html(` <div class="form-group"> <input type="text" name="verify_code" placeholder="Code de vérification*" required> <p class="verify-tip" style="font-size:12px;color:#666;margin-top:8px;text-wrap:pretty"> Le code de vérification a été envoyé à votre e-mail. </p> </div> <button type="button" id="confirmVerifyCode" style="margin-top:8px">Confirmer</button> `); // 移除 form-checkbox $('.form-checkbox').hide(); $('button[type="submit"]').hide(); // 隐藏submit按钮 // 保存第一步的表单数据到全局变量 firstStepData = {...formData}; // 立即绑定验证码确认按钮点击事件 $('#confirmVerifyCode').on('click', function() { const verifyCode = $('input[name="verify_code"]').val(); if(!verifyCode) { layer.msg('Veuillez saisir le code de vérification', {icon: 2}); return; } // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 发送第二步注册请求 $.ajax({ url: '/lottery/lottery_register', type: 'POST', data: JSON.stringify({ verify_code: verifyCode, // 用户输入的邮箱验证码 email: firstStepData.email, // 邮箱 nonce: firstStepData.nonce, // nonce值 is_agree: firstStepData.is_agree, // 是否同意订阅 pwd: firstStepData.pwd, // 密码 device_id: firstStepData.device_id // 设备ID }), contentType: 'application/json', success: function(res) { // 关闭loading layer.close(loadingIndex); if(res.code === 1) { // 设置注册成功的cookie setCookie('lottery_registered', '1', 7); setCookie('lottery_uid', res.data.sso_uid, 7); // 保存用户信息到cookie setCookie('lottery_user_info', JSON.stringify({ email: firstStepData.email, uid: res.data.sso_uid, device_id: firstStepData.device_id }), 7); // 注册成功 layer.msg('Inscription réussie!', {icon: 1}); uid = res.data.sso_uid; currentStep = 'success'; // 清除之前的内容并显示抽奖界面 const successContent = ` <div class="lottery-tips" style="text-align:center;padding:20px;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/pop03.webp" alt=""> <p style="text-align: center;font-size: 14px;color: #000;font-weight:500;">Bravo,inscription réussie ! Cliquez à gauche pour gagner!</p> </div> `; $('.lottery-content-container').empty().html(successContent).show(); // 移除抽奖按钮的禁用状态 $('.lottery-wheel-container').removeClass('disabled'); // 确保抽奖按钮可见 $('.lottery-wheel-container').show(); } else { layer.msg(res.data.msg || 'Échec de la vérification', {icon: 2}); } }, error: function() { // 关闭loading layer.close(loadingIndex); layer.msg('Erreur de réseau', {icon: 2}); } }); }); } else { layer.msg(response.data.msg || 'Échec de l\'inscription', {icon: 2}); // 刷新验证码 refreshCaptcha($('.captcha-img')[0]); } } }); }); }, end: function() { // 只有在倒计时未结束时才显示入口 hwtag("event", "popup_click", { click_type: '关闭弹窗', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); if(remainingTime > 0) { $('#lottery_entry').fadeIn(); } } }); } // 页面离开时清除定时器 $(window).on('beforeunload', function() { clearInterval(timeCheckInterval); if(countdownTimer) { clearInterval(countdownTimer); } if(lotteryLayerIndex) { layer.close(lotteryLayerIndex); } }); } }); </script> <div id="lottery_entry" style="display:none; position:fixed; right:20px; bottom:250px; z-index:999; cursor:pointer;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/timeout.gif" width="120" height="120" alt="抽奖"> <div style="position: absolute; width: 100%; bottom: 10px; color: #fff; padding: 2px 8px; border-radius: 10px; font-size: 18px; text-align: center;"> <span id="entry_countdown"> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">3</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">:</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> </span> </div> </div> <script type="text/javascript" src="/newxp/static2024/js/index/common.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/module/module_common.js?ver=111"></script> <script type="text/javascript"> $(function () { $.fn.xploadingshow = function() { $('body').append('<div class="xppenloading-mask"><div class="xm-warpper"><div class="xppenloading"><i class="iconfont icon-a-icon1x-43"></i></div><div class="loading">Loading...</div></div></div>') $("body").css({"overflow":"hidden","height":"100vh"}) }; $.fn.xploadinghide = function() { $('.xppenloading-mask').remove() $("body").css({ "overflow": "auto", "height": "auto" }) }; const pictureLazy = () => { let winWidth = $(window).innerWidth() if (winWidth <= 996) { $(".lazymobie").scrollLoading();//移动端 } else { $(".lazypc").scrollLoading();//pc端 } $(".lazy").scrollLoading();//共用 } (window.onresize = () => { pictureLazy() })() var BUYREPLACEIMG = false let sequentiallyLength =0 $('#showArea a .selectors-img').each(function(){ if($(this).attr('rev')!=''){ sequentiallyLength = sequentiallyLength+1 } }) let initSequentially = 0 let isReplay = false function sequentiallyLoadImg () { let sequentiallyLoadTime = setInterval(() => { if (!$($('#showArea a .selectors-img')[initSequentially]).parent().attr('class')?.includes('video-class')) { if($($('#showArea a .selectors-img')[initSequentially]).attr('rev')!=''){ if(!isReplay){ $($('#showArea a .selectors-img')[initSequentially]).attr('src',$($('#showArea a .selectors-img')[initSequentially]).attr('rev')) isReplay = true } if($($('#showArea a .selectors-img'))[initSequentially] && $($('#showArea a .selectors-img'))[initSequentially].complete){ isReplay = false sequentiallyobj = '' initSequentially = initSequentially+1 } } } if(initSequentially>=sequentiallyLength){ clearInterval(sequentiallyLoadTime) } BUYREPLACEIMG = true }, 1000) } let scrollnum=0 let initScrollTop = $(window).scrollTop() $(window).scroll(function (event) { if ($(window).scrollTop() != initScrollTop && BUYREPLACEIMG == false&&scrollnum==0) { if ($(window).innerWidth() > 768) { sequentiallyLoadImg() scrollnum++ } } }); $("body").mousemove(function (event) { if (BUYREPLACEIMG == false) { if ($(window).innerWidth() > 768) { sequentiallyLoadImg() BUYREPLACEIMG = true } } }); // input 获取焦点事件 $(".validate").focus(function () { $(this).parent().addClass("sub_verify_focus"); }) // input失去焦点事件 $(".validate").blur(function () { //获取 span 元素 var error_span = $(this).parent().siblings().children('span'); if (this.value.length <= 0) { $(this).parent().removeClass("sub_verify_focus"); $(this).parent().siblings().addClass("sub_error"); var required = error_span.data("required"); error_span.text(required); return false; } // input email 正则邮箱验证 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ if (zz.test($(this).val()) == false) { $(this).parent().siblings().addClass("sub_error"); var email_error = error_span.data("email"); error_span.text(email_error); return false; } else { $(this).parent().siblings().removeClass("sub_error"); } }) //sub_button点击事件 $(".sub_button").click(function () { var index_email = $("#index_email"); if (index_email.val().length <= 0) { index_email.focus(); index_email.parent().addClass("sub_verify_focus"); index_email.parent().siblings().addClass("sub_error"); var click_error_span = index_email.parent().siblings().children('span'); var click_required = click_error_span.data("required"); click_error_span.text(click_required); return false; } // input email 正则邮箱验证 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ if (zz.test(index_email.val()) == false) { return false; } }) }) </script> </body> </html>  <script type="text/javascript"> $(function(){ //检查总站 if (uid == 0) { var sso_url = "https://account.xp-pen.com" + '/login/is_login?lang='+'my'; $.ajax({ type: 'POST', url: sso_url, xhrFields: {withCredentials: true}, data: { siteDomain: 'https://www.storexppen.my/buy/deco-mw.html', }, crossDomain: true, async: true, dataType: 'json', success:function(data) { if (data.code == 1) { //登录 $.post("https://www.storexppen.my/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } location.reload(); //刷新当前页面 // dropdown_user(ret, 1); } }) } //是否禁用第三方cookie if (data.code == 0 && data.data == null) { update_href_url(); } } }) } //检查总站 if (uid > 0) { //弹窗关闭并刷新 if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } //是否禁用第三方cookie var phpsessid_sso = ''; var token_sso = ''; if (phpsessid_sso && token_sso) { var sso_url = "https://account.xp-pen.com" + '/login/status_login_ticket?lang=my'; $.ajax({ type: 'POST', url: sso_url, data: {'uid_sso': '0', 'token': token_sso, 'PHPSESSID': phpsessid_sso}, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.my/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2, 'login'); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.my/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } } }) } else { var sso_url = "https://account.xp-pen.com" + '/login/status_login?uid_sso=0&lang=my'; $.ajax({ type: 'POST', url: sso_url, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.my/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.my/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } //同步登录的信息 if (data.code == 2) { $.post("https://www.storexppen.my/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { dropdown_user(ret, 1); window.location.reload(); } }) } } }) } } }) //更新用户头像和购物车（导航栏） function dropdown_user(ret, type, login) { var login = login||''; var url = window.location.pathname; if (type == 1) { var sso_url = "https://account.xp-pen.com"; $('#login_dropdown').empty(); //头像更新 var html_user = "\t\t\t\t\t<a href=\"https://www.storexppen.my/login/index.html?jumpUrl=https://www.storexppen.my/buy/deco-mw.html\" class=\"login1\"><img src=\""+ret.data.faceurl+"\"><input type='hidden' id='userId' value=\""+ret.data.uid+"\"></a>\n"+ "<ul class=\"navbar_account_menu login_content\">\n" + " <span class=\"nav_bagview_caret right_account\"></span>\n" + " <li><a href=\"https://www.storexppen.my/user.order/index.html\">My orders</a></li>\n" + " <li><a href=\"https://www.storexppen.my/user/index.html\">Account</a></li>\n" + " <li><a href=\"https://www.storexppen.my/user.info/edit.html\">Set up</a></li>\n" + " <li><a href=\""+sso_url+"/login/logout?jumpUrl=https://www.storexppen.my/buy/deco-mw.html&lang=my\">"+L('SIGN_OUT')+"</a></li>\n" + " </ul>"; $('#nav_accounts').html(html_user); // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('.icon_cart_num').text(ret.data.cart_count); } else if (type == 2) { // 个人中心 if ((url.match('/user/index') || url.match('/user.')) && isDisable == 0) { window.location.href = 'https://www.storexppen.my/'; return false; } // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('#nav_accounts').empty(); //头像更新 var sing = " Sign in"; var reg = "Register"; var html_user = '<a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/buy/deco-mw.html&lang=my&webref=" class="login1">\ <i class="iconfont icon-account"></i>\ </a>\ <ul class="navbar_account_menu login_content">\ <span class="nav_bagview_caret right_account"></span>\ <li>\ <a id="login_url" href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/buy/deco-mw.html&lang=my&webref=" class="login2">'+sing+'</a>\ </li>\ <li>\ <a href="https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.my/buy/deco-mw.html&lang=my&webref=" class="login3">'+reg+'</a>\ </li>\ </ul>'; $('#nav_accounts').html(html_user); // 购物车图标为0 $('.icon_cart_num').text(0); if (login !== '') { update_href_url(); } // 移动端头像 $('#openUser').find('a').attr('href','https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.my/buy/deco-mw.html&lang=my&webref='); } } //是否禁用第三方cookie function update_href_url() { $('.login1').attr('href', $('.login1').attr('href') + '&login=2'); $('.login2').attr('href', $('.login2').attr('href') + '&login=2'); $('.login3').attr('href', $('.login3').attr('href') + '&login=2'); // console.log() $('#openUser').find('a').attr('href', $('#openUser').find('a').attr('href') + '&login=2'); } </script>  <script type="text/javascript"> $(function () { if (isDisable == 1) { layer.alert(L('USER_DISABLE_CONTENT'), { icon: 2, closeBtn: 0, title: L('PROMPT_MESSAGE'), btn: ['OK'] }, function () { window.location.reload(); }) return false; } if(_LANG_ == 'cl'){ //set country currency let currency = $("#nav_languages").find('span').not('.nav-country').html(); let content = ""; switch (currency){ case "CLP": content += "Chile/"+currency; break; case "PEN": content += "Peru/"+currency; break; case "USD": content += "Argentina/"+currency; break; case "UYU": content += "Uruguay/"+currency; break; case "COP": content += "Colombia/"+currency; break; } if(content){ $("#nav_languages").find('span').not('.nav-country').html(content) } } }) </script> <script type="module"> /** * 语言选择框 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ $.extend({ getCookie: function (name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; }, setCookie: function (name, value,options) { var Days = 30; if(typeof options !== 'undefined'){ if(options?.expires){ Days = options.expires } } var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/"; }, getArrEqual: function (arr1, arr2) { let newArr = []; for (let i = 0; i < arr2.length; i++) { for (let j = 0; j < arr1.length; j++) { if (arr1[j] === arr2[i]) { newArr.push(arr1[j]); } } } return newArr; } }); $.fn.extend({ langCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('button'); var $spinner = $this.find('.spinner-warp'); $btn.click(function (ev) { $div.stop().toggle(100, function () { $btn.find('i').css('transform', 'rotateX(' + ($(this).is(':hidden') ? '0' : '180deg') + ')'); }); ev.stopPropagation(); }); $spinner.click(function (ev) { ev.stopPropagation(); }); $(document).bind('click', function () { $div.stop().hide(100, function () { $btn.find('i').css('transform', 'rotateX(0)'); }); }); var _use_lang = $.getCookie('tr_lang'); $div.find('li p').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { ev.stopPropagation(); var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); }, mobileLangCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('p'); var $spinner = $this.find('.spinner-warp'); var $close = $('.cus-close-btn'); $btn.click(function (ev) { $div.show(); $close.show(); }); $close.bind('click', function () { if ($div.is(':visible')) { $div.hide(); $(this).hide(); } }); var _use_lang = $.getCookie('tr_lang'); $div.find('li a').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); } }); $('.cus-list-down').langCut(); $('.cus-mobile-lang').mobileLangCut(); // var default_lang = ""; var default_lang switch (_LANG_){ case "id": default_lang = 'id'; break; case "pl": default_lang = 'pl_pl'; break; default: default_lang = ''; break; } if(default_lang){ if(!$.getCookie('tr_lang')){ $.setCookie('tr_lang',default_lang); // window.location.reload(); } } if(_LANG_ == 'vn'){ if(!$.getCookie('xppen_popup')){ layer.open( { content: '<span style="font-size: 16px; text-align: left">Ngôn ngữ / Language </span>' + '<br>' , btn:['Tiếng Việt','English'], yes: function(index, layero){ //do something $.setCookie('tr_lang','vi'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, btn2: function(index, layero){ $.setCookie('tr_lang','vn'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, success: function(layero, index) { var closeBtn = layero.find('.layui-layer-close'); closeBtn.attr('aria-label', 'Close'); } } ); } } </script>

CINXE.COM

Deco MW bluetooth drawing pad | XPPEN Malaysia Official Store