Jiagle.com - Integrated one-stop B2B platform featuring online and offline exhibitions, conferences and activities

<!DOCTYPE html> <html lang="en"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-J5EH487LX2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J5EH487LX2'); </script> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Jiagle.com - Integrated one-stop B2B platform featuring online and offline exhibitions, conferences and activities</title> <meta name="keywords" content="Online and offline exhibitions/trade shows, one-stop B2B trade platform with O2O services"> <meta name="description" content="Jiagle.com provides a one-stop B2B platform with O2O services to 10,000 high-end suppliers and 2 million buyers from eight industries of Furniture and Decorations, Food and Beverage, Hotel and Shop, Pharmaceutical Manufacturing, Food Processing and Packaging, Boat, Leisure and Tourism, Lighting and Cleaning."> <link rel="stylesheet" href="/www_home/css/pc/en/index_en.css?1.6.2"/> <link rel="stylesheet" href="/www_home/js/swiper/css/swiper.css"/> <link rel="stylesheet" href="/www_home/js/swiper/css/animate.css"/> <link rel="stylesheet" href="/www_home/icon/iconfont.css"/> <link rel="shortcut icon" href="/www_home/image/pc/favicon.ico?1.1" type="image/x-icon"> <link rel="canonical" href="en.jiagle.com" />  <meta name="google-site-verification" content="wmUy-p9UwSzu0IWcLDPQK0hcAwfs3t0j_qNNfL0Oj_s" /> <style type="text/css"> .swiper { --swiper-navigation-color: RGBA(206, 206, 206, 1); /* 单独设置按钮颜色 */ } </style>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0755ccab362d96e2ebb87297cd6b8cfe"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </head> <body> <div id="app" style="display: none"> <div class="box header-box"> <div class="boxs header-boxs"> <img class="logo" src="/www_home/image/pc/logo_en.png?1.1"/> <div class="seach-box"> <div class="menu-ul"> <div :class="{ select: menuShow == 2 }" class="menu-li" @click="menuClick(2)" > Products </div> <div :class="{ select: menuShow == 1 }" class="menu-li" @click="menuClick(1)" > Suppliers </div> <div v-show="tapShow" :class="{ select: menuShow == 3 }" class="menu-li" @click="menuClick(3)" > News </div> </div> <div class="input-box"> <div> <svg t="1654063259098" id="industryValuesvg" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3217" width="200" height="200"><path d="M512 714.666667c-8.533333 0-17.066667-2.133333-23.466667-8.533334l-341.333333-341.333333c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l320 317.866667 317.866667-320c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L533.333333 704c-4.266667 8.533333-12.8 10.666667-21.333333 10.666667z" p-id="3218"></path></svg> <select style="width: 81px;cursor: pointer" id="industryValue" @change="changeSelect"> <option value="0">Industry</option> <option :key="item.key" v-for="item in lists" :value="item.key">{{item.name_en}}</option> </select> <input v-model="inputs" id="inputId" placeholder="What are you looking for..."/> </div> <i class="iconfont icon-sousuo" @click="toPage()"></i> </div> </div> <a href="https://www.jiagle.com/" class="lang">中文</a>  </div> </div> <div class="box content-box" style="padding-bottom: 100px"> <div class="boxs"> <div class="classify-ul"> <template v-for="(item,index) in lists"> <a :href="item.pc_en_href" class="classify-li" @mousemove="OnMousemove(index)"> <template v-if="item.imgIcon!='icon-dengshizaixian' && item.imgIcon!='icon-zhiyaozaixian'"> <i class="iconfont img1" :class="item.imgIcon" :style="{'background-color':item.backgroundColor}"></i> </template> <template v-else> <template v-if="item.imgIcon=='icon-dengshizaixian'"> <img src="/www_home/image/wap/deng.png" style=" object-fit: contain;" class="img1" :style="{'background-color':item.backgroundColor}" /> </template> <template v-else> <img src="/www_home/image/pc/cphi0609.png" style=" object-fit: contain;" class="img1" :style="{'background-color':item.backgroundColor}" /> </template> </template> <div class="span1">{{item.name_en}}</div> </a> <div class="classify-select" :style="{'left':(selectIndex*155)+30+'px','border-bottom':'20px solid '+lists[selectIndex].backgroundColor}"></div> </template> </div> <div class="detail-box" v-if="detailShow"> <div class="detail-box-menu"> <a :href="objDetail.pc_en_href"> <img class="logos" v-if="objDetail.icon" :src="'/www_home/image/pc/'+objDetail.icon"/> </a> <div class="text-box" v-if="objDetail.key==1"> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/furniture-products/cat_living-room/#site=jiagle">Living Room</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/furniture-products/cat_dining-room/#site=jiagle">Dining Room</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/furniture-products/cat_office-commercial/#site=jiagle">Office & Commercial</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/furniture-products/cat_bedroom/#site=jiagle"> Bedroom</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/furniture-products/cat_home-office/#site=jiagle"> Home Office</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/furniture-products/cat_machinery-equipment/#site=jiagle">Machinery & Equipment</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/furniture-products/cat_home-furnishing/#site=jiagle">Home Furnishing</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/furniture-products/cat_outdoor/#site=jiagle">Outdoor</a> </div> <div class="text-box" v-if="objDetail.key==2"> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/food-beverage-products/food/#site=jiagle" style="width:25%;">Food</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/food-beverage-products/catering-ingredients/#site=jiagle" style="width:37%;">Catering Ingredients</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/food-beverage-products/bakery-equipment-and-raw-materials/#site=jiagle" style="width: 36%;">Bakery Equipment & Raw Materials</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/food-beverage-products/coffee-tea/#site=jiagle" style="width:25%;"> Coffee & Tea</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/food-beverage-products/tableware/#site=jiagle" style="width:37%;">Tableware</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/food-beverage-products/ice-cream-equipment-and-materials/#site=jiagle" style="width: 36%;">Ice Cream Equipment & Materials</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/food-beverage-products/beverage/#site=jiagle" style="width:25%;">Beverage</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/food-beverage-products/Kitchen-equipment-and-supplies/#site=jiagle" style="width: 33%;">Kitchen Equipment & Supplies</a> </div> <div class="text-box" v-if="objDetail.key==3"> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/cs-products/cat_hotel-supplies/#site=jiagle" style="width:32%;">Hotel Supplies</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/cs-products/cat_architectural-decoration/#site=jiagle" style="width:36%;"> Architectural Decoration</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/cs-products/cat_commercial-furniture/#site=jiagle">Commercial Furniture </a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/cs-products/cat_commercial-lighting/#site=jiagle" style="width:32%;"> Commercial Lighting</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/cs-products/cat_intelligent-technology/#site=jiagle" style="width:36%;">Intelligent Technology </a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/cs-products/cat_cleaning-items/#site=jiagle">Cleaning Items</a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/cs-products/cat_self-retailing/#site=jiagle" style="width:32%;">Self-retailing </a> <a target="_blank" class="text-box-li" href="https://en.jiagle.com/cs-products/cat_chain-franchise-shop-display/#site=jiagle">Chain Franchise/Shop Display</a> </div> <div class="text-box" v-if="objDetail.key==4"> <a target="_blank" class="text-box-li" href="https://www.pharmasources.com/products/catid/active-pharmaceutical-ingredients-4.html#site=jiagle" style="width:44%;"> Active Pharmaceutical Ingredients</a> <a target="_blank" class="text-box-li" href="https://www.pharmasources.com/products/catid/intermediates-25-countall-n-page-1#site=jiagle" style="width:30%;">Intermediates </a> <a target="_blank" class="text-box-li" href="https://www.pharmasources.com/products/catid/excipients-29-countall-n-page-1#site=jiagle" style="width:23%;"> Excipients</a> <a target="_blank" class="text-box-li" href="https://www.pharmasources.com/products/catid/custom-manufacturing-471-countall-n-page-1#site=jiagle" style="width:44%;"> Custom Manufacturing</a> <a target="_blank" class="text-box-li" href="https://www.pharmasources.com/products/catid/pharmaceutical-packaging-machinery-212-countall-n-page-1#site=jiagle" style="width:30%;"> Packaging Machinery</a> <a target="_blank" class="text-box-li" href="https://www.pharmasources.com/products/catid/cleanroom-system-248-countall-n-page-1#site=jiagle" style="width:23%;">Cleanroom System</a> <a target="_blank" class="text-box-li" href="https://www.pharmasources.com/products/catid/packaging-materials-801-countall-n-page-1#site=jiagle" style="width:44%;"> Packaging Materials</a> <a target="_blank" class="text-box-li" href="https://www.pharmasources.com/products/catid/laboratory-802-countall-n-page-1#site=jiagle" style="width:28%;">Laboratory</a> </div> <div class="text-box" v-if="objDetail.key==5" style="margin-right:0"> <a target="_blank" href="https://www.en-sjgle.com/products/index-Food-raw-materials-and-ingredients/#site=jiagle" class="text-box-li" style="width:28%;">Food Raw Materials</a> <a target="_blank" href="https://www.en-sjgle.com/products/index-Starch-and-starch-derivatives/#site=jiagle" class="text-box-li" style="width:40%;">Starch & Starch Derivatives</a> <a target="_blank" href="https://www.en-sjgle.com/products/index-Food-Ingredients/#site=jiagle" class="text-box-li" style="width:25%;">Food Ingredients</a> <a target="_blank" href="https://www.en-sjgle.com/products/index-Industrial-Services/#site=jiagle" class="text-box-li" style="width:28%;">Industrial Services</a> <a target="_blank" href="https://www.en-sjgle.com/products/index-Health-Equipment--Products/#site=jiagle" class="text-box-li" style="width:40%;">Health Equipment & Products</a> <a target="_blank" href="https://www.en-sjgle.com/products/index-Green--healthy-produce/#site=jiagle" class="text-box-li" style="width:28%;">Green & Healthy Produce</a> <a target="_blank" href="https://www.en-sjgle.com/products/index-Dietary-supplements/#site=jiagle" class="text-box-li" style="width:28%;">Dietary Supplements</a> <a target="_blank" href="https://www.en-sjgle.com/products/index-Processing--Packaging-Machinery/#site=jiagle" class="text-box-li" style="width:38%;">Processing & Packaging & Machinery</a> </div> <div class="text-box" v-if="objDetail.key==6"> <a target="_blank" href="https://en.jiagle.com/leisure-products/boat12#site=jiagle" class="text-box-li">Boat</a> <a target="_blank" href="https://en.jiagle.com/leisure-products/water-sports#site=jiagle" class="text-box-li">Water Sports</a> <a target="_blank" href="https://en.jiagle.com/leisure-products/boat-equipment-accessories#site=jiagle" class="text-box-li">Boat Equipment Accessories</a> <a target="_blank" href="https://en.jiagle.com/leisure-products/lure-fishing#site=jiagle" class="text-box-li">Lure Fishing</a> <a target="_blank" href="https://en.jiagle.com/leisure-products/bb#site=jiagle" class="text-box-li">B&B</a> <a target="_blank" href="https://en.jiagle.com/leisure-products/motorhome#site=jiagle" class="text-box-li">Motorhome</a> <a target="_blank" href="https://en.jiagle.com/leisure-products/camping#site=jiagle" class="text-box-li">Camping</a> <a target="_blank" href="https://en.jiagle.com/leisure-products/outdoors#site=jiagle" class="text-box-li">Outdoors</a> </div> <div class="text-box" v-if="objDetail.key==7"> <a target="_blank" href="https://en.jiagle.com/lighting-products/decorative-lighting/#site=jiagle" class="text-box-li" style="width:33%;">Decorative Lighting</a> <a target="_blank" href="https://en.jiagle.com/lighting-products/residential-lighting/#site=jiagle" class="text-box-li">Residential Lighting</a> <a target="_blank" href="https://en.jiagle.com/lighting-products/commercial-lighting/#site=jiagle" class="text-box-li">Commercial Lighting</a> <a target="_blank" href="https://en.jiagle.com/lighting-products/special-lamp/#site=jiagle" class="text-box-li" style="width:33%;">Special Lamp</a> <a target="_blank" href="https://en.jiagle.com/lighting-products/outdoor-lighting/#site=jiagle" class="text-box-li">Outdoor Lighting</a> <a target="_blank" href="https://en.jiagle.com/lighting-products/led-lighting-technology/#site=jiagle" class="text-box-li">LED Lighting & Technology</a> <a target="_blank" href="https://en.jiagle.com/lighting-products/machines-processing/#site=jiagle" class="text-box-li" style="width:33%;">Equipment</a> <a target="_blank" href="https://en.jiagle.com/lighting-products/lighting-accessory-raw-material/#site=jiagle" class="text-box-li">Accessories</a> </div> <div class="text-box" v-if="objDetail.key==8" style="margin-right:0"> <a target="_blank" href="https://en.jiagle.com/cleaning-products/cleaning-equipment-accessory/#site=jiagle" class="text-box-li" style="width:42%;">Cleaning Equipment Accessory</a> <a target="_blank" href="https://en.jiagle.com/cleaning-products/cleanser/#site=jiagle" class="text-box-li" style="width:30%;">Cleaning Chemicals</a> <a target="_blank" href="https://en.jiagle.com/cleaning-products/self-serviceequipmentandsolutions/#site=jiagle" class="text-box-li" style="width:22%;">Self-service</a> <a target="_blank" href="https://en.jiagle.com/cleaning-products/cleaning-machinery-and-equipment/#site=jiagle" class="text-box-li" style="width:42%;">Cleaning Machinery & Equipment</a> <a target="_blank" href="https://en.jiagle.com/cleaning-products/air-purification/#site=jiagle" class="text-box-li" style="width:30%;">Air Purification</a> <a target="_blank" href="https://en.jiagle.com/cleaning-products/property/#site=jiagle" class="text-box-li" style="width:22%;">Property</a> <a target="_blank" href="https://en.jiagle.com/cleaning-products/cleaning-tools-and-supplies/#site=jiagle" class="text-box-li" style="width:42%;">Cleaning Tools & Products</a> <a target="_blank" href="https://en.jiagle.com/cleaning-products/vendingsystem/#site=jiagle" class="text-box-li">Automatic Vending</a> </div> <div class="wechart" v-if="objDetail.wecharts"> <img :src="'/www_home/image/pc/'+objDetail.wecharts" > </div> </div> <div style="border-bottom: 1px solid rgba(219, 219, 219, 1)"> <div class="swiper-container"> <div class="swiper-wrapper"> <a class="swiper-slide" v-for="item in objDetail.bannerList" :key="item.key" :href="item.path"> <img :src="item.imgUrl" class="swiper-img"/> </a> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <div class="Offline-event"> <div class="h1"> <img src="/www_home/image/pc/1-6.png"> <span>Physical Exhibition</span> </div> <div class="h2"> <div class="loop-reverse-infinity" v-if="infinityShow"> <div class="h2-li" v-for="item in objDetail.dataList_en" :key="item.key" style="position:relative;"> <a :href="item.path" :title="item.name" style="display: block;text-align: center;text-decoration:none"> <span style="color:#000000;font-weight: bold;white-space: nowrap;overflow: hidden;max-width: 550px;display: inline-block;text-overflow: ellipsis">{{item.name}}</span><span style="color: rgba(135, 135, 135, 1);margin-left: 30px;position: relative;top: -9px;">{{item.time}}</span></a> </div> <div class="h2-li" v-if="objDetail.dataList_en.length>0" style="position:relative;overflow: hidden"> <a :href="objDetail.dataList_en[0].path" :title="objDetail.dataList_en[0].name" style="display: block;text-align: center;text-decoration:none"> <span style="color:#000000;font-weight: bold;white-space: nowrap;overflow: hidden;max-width: 400px;display: inline-block;text-overflow: ellipsis">{{objDetail.dataList_en[0].name}}</span><span style="color: rgba(135, 135, 135, 1);margin-left: 30px;position: relative;top: -9px;">{{objDetail.dataList_en[0].time}}</span></a> </div> </div> </div> </div> </div> <div class="guanggao_en"></div> <div class="guanggao-List"> <div class="guanggao-li"> <img src="/www_home/image/pc/zhanhui.png" style="width: 60px"/> <p style="margin-top:11px"> Exhibition</p> </div> <div class="guanggao-li"> <img src="/www_home/image/pc/cangoutong.png" style="width: 68px"/> <p style="margin-top: 17px"> EZBuy</p> </div> <div class="guanggao-li"> <img src="/www_home/image/pc/huodong.png" style="width: 52px"/> <p style="margin-top: 16px"> Activity</p> </div> <div class="guanggao-li"> <img src="/www_home/image/pc/zhibo.png" style="width: 56px"/> <p style="margin-top: 14px">Livestream</p> </div> </div> <a class="guanggaos_en" href="https://www.imsinoexpo.com/en"></a> <div class="footers"> <div><img class="img1" src="/www_home/image/pc/minLogo.png"/><span class="span1">Copyright ◎ Shanghai Sinoexpo Informa Markets.All rights reserved <a href="https://beian.miit.gov.cn/" class="span2">沪ICP备05034851号-77</a></span> </div> <div style="margin-top: 20px"> <img class="img2" src="/www_home/image/pc/police.png"/> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=31010402000543" class="span2" rel="noreferrer" target="_blank">沪公网安备 31010402000543号</a> </div>       </div> </div> </div> </div> <script src="/www_home/js/common.js?1.2"></script> <script src="/www_home/js/vue.js"></script> <script src="/www_home/js/anime.js"></script> <script src="/www_home/js/jquery.min.js"></script> <script src="/www_home/js/swiper/js/swiper.js"></script> <script src="/www_home/json/home.js"></script> <script> /* name_en--名称 pc_en_href --跳转连接 icon --- logo 放在 image/pc 文件夹下 wecharts-- 微信二维码放在 image/pc 文件夹下 menuList_en-- 产品分类list 其中 name 是名称 path 则是跳转连接 bannerList--轮播图片List 其中 imgUrl是显示图片地址放在 image/pc 文件夹下； path 则是图片跳转连接 dataList_en ---线下展会自动滚动List name是标题名称 time 则是发布时间 */ var JSONData=[ { "name_en":"Furniture & Decorations", "key":"1", "pc_en_href":"https://en.jiagle.com/furniture/#site=jiagle", "imgIcon":"icon-jiajuzaixian", "backgroundColor":"rgba(225, 50, 53, 1)", "icon":"1-1.png", "wecharts":"1-2-1.jpg", "menuList_en":[ { "name":"Living Room", "key":"11", "path":"https://en.jiagle.com/furniture-products/cat_living-room/#site=jiagle" }, { "name":"Dining Room", "key":"12", "path":"https://en.jiagle.com/furniture-products/cat_dining-room/#site=jiagle" }, { "name":"Bedroom", "key":"13", "path":"https://en.jiagle.com/furniture-products/cat_bedroom/#site=jiagle" }, { "name":"Home Office", "key":"14", "path":"https://en.jiagle.com/furniture-products/cat_home-office/#site=jiagle" }, { "name":"Outdoor", "key":"15", "path":"https://en.jiagle.com/furniture-products/cat_outdoor/#site=jiagle" }, { "name":"Office & Commercial", "key":"16", "path":"https://en.jiagle.com/furniture-products/cat_office-commercial/#site=jiagle" }, { "name":"Home Furnishing", "key":"17", "path":"https://en.jiagle.com/furniture-products/cat_home-furnishing/#site=jiagle" }, { "name":"Machinery & Equipment", "key":"18", "path":"https://en.jiagle.com/furniture-products/cat_machinery-equipment/#site=jiagle" } ] }, { "name_en":"Food & Beverage", "key":"2", "pc_en_href":"https://en.jiagle.com/food-beverage/#site=jiagle", "imgIcon":"icon-shiyinzaixian", "backgroundColor":"rgba(155, 27, 90, 1)", "icon":"2-1.png", "wecharts":"2-2.jpg?1.1", "menuList_en":[ { "name":"Food", "key":"21", "path":"https://en.jiagle.com/food-beverage-products/food/#site=jiagle" }, { "name":"Catering Ingredients", "key":"22", "path":"https://en.jiagle.com/food-beverage-products/catering-ingredients/#site=jiagle" }, { "name":"Bakery Equipment & Raw Materials", "key":"23", "path":"https://en.jiagle.com/food-beverage-products/bakery-equipment-and-raw-materials/#site=jiagle" }, { "name":"Ice Cream Equipment & Materials", "key":"24", "path":"https://en.jiagle.com/food-beverage-products/ice-cream-equipment-and-materials/#site=jiagle" }, { "name":"Beverage", "key":"25", "path":"https://en.jiagle.com/food-beverage-products/beverage/#site=jiagle" }, { "name":"Coffee & Tea", "key":"26", "path":"https://en.jiagle.com/food-beverage-products/coffee-tea/#site=jiagle" }, { "name":"Kitchen Equipment & Supplies", "key":"27", "path":"https://en.jiagle.com/food-beverage-products/Kitchen-equipment-and-supplies/#site=jiagle" }, { "name":"Tableware", "key":"28", "path":"https://en.jiagle.com/food-beverage-products/tableware/#site=jiagle" } ] }, { "name_en":"Hotel & Shop", "key":"3", "pc_en_href":"https://en.jiagle.com/cs/#site=jiagle", "imgIcon":"icon-a-jiudianshangyekongjian", "backgroundColor":"rgba(140, 182, 181, 1)", "icon":"3-1.png", "wecharts":"3-2.jpg?1.1", "menuList_en":[ { "name":"Hotel Supplies", "key":"31", "path":"https://en.jiagle.com/cs-products/cat_hotel-supplies/#site=jiagle" }, { "name":"Architectural Decoration", "key":"32", "path":"https://en.jiagle.com/cs-products/cat_architectural-decoration/#site=jiagle" }, { "name":"Commercial Furniture", "key":"33", "path":"https://en.jiagle.com/cs-products/cat_commercial-furniture/#site=jiagle" }, { "name":"Commercial Lighting", "key":"34", "path":"https://en.jiagle.com/cs-products/cat_commercial-lighting/#site=jiagle" }, { "name":"Intelligent Technology", "key":"35", "path":"https://en.jiagle.com/cs-products/cat_intelligent-technology/#site=jiagle" }, { "name":"Cleaning Items", "key":"36", "path":"https://en.jiagle.com/cs-products/cat_cleaning-items/#site=jiagle" }, { "name":"Self-retailing", "key":"37", "path":"https://en.jiagle.com/cs-products/cat_self-retailing/#site=jiagle" }, { "name":"Chain Franchise/Shop Display", "key":"38", "path":"https://en.jiagle.com/cs-products/cat_chain-franchise-shop-display/#site=jiagle" } ] }, { "name_en":"Pharmaceutical Manufacturing", "key":"4", "pc_en_href":"https://www.pharmasources.com/#site=jiagle", "imgIcon":"icon-zhiyaozaixian", "backgroundColor":"rgba(229, 151, 64, 1)", "icon":"ecphi_logo0608.png", "wecharts":"5-1.jpg?1.1", "menuList_en":[ { "name":"Active Pharmaceutical Ingredients", "key":"41", "path":"https://www.pharmasources.com/products/catid/active-pharmaceutical-ingredients-4.html#site=jiagle" }, { "name":"Intermediates", "key":"42", "path":"https://www.pharmasources.com/products/catid/intermediates-25-countall-n-page-1#site=jiagle" }, { "name":"Excipients", "key":"43", "path":"https://www.pharmasources.com/products/catid/excipients-29-countall-n-page-1#site=jiagle" }, { "name":"Custom Manufacturing", "key":"44", "path":"https://www.pharmasources.com/products/catid/custom-manufacturing-471-countall-n-page-1#site=jiagle" }, { "name":"Packaging Machinery", "key":"45", "path":"https://www.pharmasources.com/products/catid/pharmaceutical-packaging-machinery-212-countall-n-page-1#site=jiagle" }, { "name":"Packaging Materials", "key":"46", "path":"https://www.pharmasources.com/products/catid/packaging-materials-801-countall-n-page-1#site=jiagle" }, { "name":"Cleanroom System", "key":"47", "path":"https://www.pharmasources.com/products/catid/cleanroom-system-248-countall-n-page-1#site=jiagle" }, { "name":"Laboratory", "key":"48", "path":"https://www.pharmasources.com/products/catid/laboratory-802-countall-n-page-1#site=jiagle" }, ] }, { "name_en":"Food Processing & Packaging", "key":"5", "pc_en_href":"https://www.en-sjgle.com/#site=jiagle", "backgroundColor":"rgba(202, 37, 45, 1)", "imgIcon":"icon-shipinjiagong-copy", "icon":"sjgle-elogo.png", "wecharts":"5-1.jpg", "menuList_en":[ { "name":"Food Raw Materials", "key":"51", "path":"https://www.en-sjgle.com/products/index-Food-raw-materials-and-ingredients/#site=jiagle" }, { "name":"Food Ingredients", "key":"52", "path":"https://www.en-sjgle.com/products/index-Food-Ingredients/#site=jiagle" }, { "name":"Starch & Starch Derivatives", "key":"53", "path":"https://www.en-sjgle.com/products/index-Starch-and-starch-derivatives/#site=jiagle" }, { "name":"Processing & Packaging & Machinery", "key":"54", "path":"https://www.en-sjgle.com/products/index-Processing--Packaging-Machinery/#site=jiagle" }, { "name":"Dietary Supplements", "key":"55", "path":"https://www.en-sjgle.com/products/index-Dietary-supplements/#site=jiagle" }, { "name":"Industrial Services", "key":"56", "path":"https://www.en-sjgle.com/products/index-Industrial-Services/#site=jiagle" }, { "name":"Health Equipment & Products", "key":"57", "path":"https://www.en-sjgle.com/products/index-Health-Equipment--Products/#site=jiagle" }, { "name":"Green & Healthy Produce", "key":"58", "path":"https://www.en-sjgle.com/products/index-Green--healthy-produce/#site=jiagle" } ] }, { "name_en":"Boat · Leisure & Tourism", "key":"6", "pc_en_href":"https://en.jiagle.com/leisure/#site=jiagle", "imgIcon":"icon-xiuxianlvyouzaixian", "backgroundColor":"rgba(60, 160, 210, 1)", "icon":"6-1.png", "wecharts":"6-1.jpg", "menuList_en":[ { "name":"Boat", "key":"61", "path":"https://en.jiagle.com/leisure-products/boat12#site=jiagle" }, { "name":"Boat Equipment Accessories", "key":"62", "path":"https://en.jiagle.com/leisure-products/boat-equipment-accessories#site=jiagle" }, { "name":"Water Sports", "key":"63", "path":"https://en.jiagle.com/leisure-products/water-sports#site=jiagle" }, { "name":"Lure Fishing", "key":"64", "path":"https://en.jiagle.com/leisure-products/lure-fishing#site=jiagle" }, { "name":"B&B", "key":"65", "path":"https://en.jiagle.com/leisure-products/bb#site=jiagle" }, { "name":"Motorhome", "key":"66", "path":"https://en.jiagle.com/leisure-products/motorhome#site=jiagle" }, { "name":"Camping", "key":"67", "path":"https://en.jiagle.com/leisure-products/camping#site=jiagle" }, { "name":"Outdoors", "key":"68", "path":"https://en.jiagle.com/leisure-products/outdoors#site=jiagle" }, ] }, { "name_en":"Lighting", "key":"7", "pc_en_href":"https://en.jiagle.com/lighting/#site=jiagle", "imgIcon":"icon-dengshizaixian", "backgroundColor":"rgba(31, 101, 152, 1)", "icon":"7-1new.png", "wecharts":"4-2.jpg?1.1", "menuList_en":[ { "name":"Decorative Lighting", "key":"71", "path":"https://en.jiagle.com/lighting-products/decorative-lighting/#site=jiagle" }, { "name":"Residential Lighting", "key":"72", "path":"https://en.jiagle.com/lighting-products/residential-lighting/#site=jiagle" }, { "name":"Commercial Lighting", "key":"73", "path":"https://en.jiagle.com/lighting-products/commercial-lighting/#site=jiagle" }, { "name":"LED Lighting & Technology", "key":"74", "path":"https://en.jiagle.com/lighting-products/led-lighting-technology/#site=jiagle" }, { "name":"Outdoor Lighting", "key":"75", "path":"https://en.jiagle.com/lighting-products/outdoor-lighting/#site=jiagle" }, { "name":"Special Lamp", "key":"76", "path":"https://en.jiagle.com/lighting-suppliers/special-lamp/#site=jiagle" }, { "name":"Equipment", "key":"77", "path":"https://en.jiagle.com/lighting-suppliers/machines-processing/#site=jiagle" }, { "name":"Accessories", "key":"78", "path":"https://en.jiagle.com/lighting-suppliers/lighting-accessory-raw-material/#site=jiagle" } ] }, { "name_en":"Cleaning", "key":"8", "pc_en_href":"https://en.jiagle.com/cleaning/#site=jiagle", "imgIcon":"icon-qingjie", "backgroundColor":"rgba(0, 113, 179, 1)", "icon":"8-1.png", "wecharts":"qjgle_2d.png", "menuList_en":[ { "name":"Cleaning Equipment Accessory", "key":"81", "path":"https://en.jiagle.com/cleaning-products/cleaning-equipment-accessory/#site=jiagle" }, { "name":"Cleaning Machinery & Equipment", "key":"82", "path":"https://en.jiagle.com/cleaning-products/cleaning-machinery-and-equipment/#site=jiagle" }, { "name":"Cleaning Tools & Products", "key":"83", "path":"https://en.jiagle.com/cleaning-products/cleaning-tools-and-supplies/#site=jiagle" }, { "name":"Cleaning Chemicals", "key":"84", "path":"https://en.jiagle.com/cleaning-products/cleanser/#site=jiagle" }, { "name":"Air Purification", "key":"85", "path":"https://en.jiagle.com/cleaning-products/air-purification/#site=jiagle" }, { "name":"Property", "key":"86", "path":"https://en.jiagle.com/cleaning-products/property/#site=jiagle" }, { "name":"Self-service", "key":"87", "path":"https://en.jiagle.com/cleaning-products/self-serviceequipmentandsolutions/#site=jiagle" }, { "name":"Automatic Vending", "key":"88", "path":"https://en.jiagle.com/cleaning-products/vendingsystem/#site=jiagle" } ] } ] function getQueryVariable2(variable) { let href = window.location.href let query = href.substring(href.indexOf('#') + 1); let vars = query.split("&"); for (var i = 0; i < vars.length; i++) { let pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return (false); } $.ajax({ 'url': '/api/getwww_home_info/', 'type': 'get', 'success': function (data) { let result = JSON.parse(data); let bannerList = result['banner']; let dataList = result['expo']; new Vue({ el: '#app', data: { objDetail: { dataList_en:[] }, menuShow: 2, lists: [], selectIndex: 0, mySwiper: null, timesr: null, animeIndex: 1, detailShow: true, inputs:"", tapShow:true, infinityShow:true }, mounted() { this.lists = JSONData; let index = 0; for (site in bannerList) { switch (site) { case '2': index = 0; break; case '1': index = 1; break; case '3': index = 2; break; case '100': index = 3; break; case '101': index = 4; break; case '4': index = 5; break; case '9579': index = 6; break; case '113': index = 7; break; default: index = 0; break; } this.lists[index]['bannerList'] = bannerList[site]; if (dataList[site]) { this.lists[index]['dataList_en'] = dataList[site]; } } let str = getQueryVariable2('site'); switch (str) { case 'jjgle': this.selectIndex = 0 break; case 'sygle': this.selectIndex = 1 break; case 'hpgle': this.selectIndex = 2 break; case 'cphi': this.selectIndex = 3 break; case 'sjgle': this.selectIndex = 4 break; case 'xiugle': this.selectIndex = 5 break; case 'denggle': this.selectIndex = 6 break; case 'qjgle': this.selectIndex = 7 break; } this.objDetail = this.lists[this.selectIndex]; this.$nextTick(() => { $("#app").show() this.swiperInit(); this.anime_init(); }); let _that = this; document.onkeydown = function (event) { e = event ? event : (window.event ? window.event : null); if (e.keyCode == 13) { var myInput = document.getElementById('inputId'); if (myInput == document.activeElement) { _that.toPage() } else { } } } }, methods: { //选择 changeSelect(index){ let widths = 81; this.tapShow= true; switch ($("#industryValue").val()) { case '1': widths=166; this.tapShow= false; this.menuShow==3?this.menuShow=1:this.menuShow=this.menuShow break case '2': widths=133 break case '3': widths=105 break case '4': widths=212 break case '5': widths=208 break case '6': widths=170 break case '7': widths=72 break case '8': widths=80 break } $("#industryValue").css({ 'width':widths+'px' }); $("#industryValuesvg").css({ 'left':widths+'px' }) }, //点击搜索 toPage(){ if($('#industryValue').val()=='0'){ alert('Please select industry') return } if(this.inputs==''){ alert('Please enter a keyword') return } searchToPage(Number($('#industryValue').val()),'en','pc',Number(this.menuShow),this.inputs) }, menuClick(index) { this.menuShow = index; }, OnMousemove(index) { clearInterval(this.timesr); this.timesr=0; this.selectIndex = index; this.objDetail = this.lists[index]; this.detailShow = false this.$nextTick(() => { this.detailShow = true this.$nextTick(() => { this.mySwiper = null; this.swiperInit(); this.animeIndex = 1; let judge = false; setTimeout(()=>{ if(this.timesr==0){ this.anime_init() } },2000) }) }) }, swiperInit() { this.mySwiper = new Swiper('.swiper-container', { slidesPerView: 3, spaceBetween: 30, autoplay: { pauseOnMouseEnter: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, centeredSlides: true, touchAngle: 30, //滑动的角度超过30度无效 // 轮播图的方向，也可以是vertical方向 direction: 'horizontal', //环形切换关闭 loop: true, // 切换的速度 speed: 800, //滑动或者自动换页时的速度 // 这样，即使我们滑动之后，定时器也不会被清除 autoplayDisableOnInteraction: false, }); let _that = this; _that.mySwiper.el.onmouseover = function () { _that.mySwiper.autoplay.stop(); } _that.mySwiper.el.onmouseout = function () { _that.mySwiper.autoplay.start(); } }, anime_init() { let _that = this; if(_that.objDetail.dataList_en.length>1) { _that.dataFlag = 1; this.timesr = setInterval(() => { if (_that.animeIndex >= (_that.objDetail.dataList_en.length)) { _that.dataFlag = _that.objDetail.dataList.length; clearInterval(_that.timesr) anime({ targets: '.loop-reverse-infinity', translateY: -24 * _that.animeIndex, easing: 'easeInOutSine', complete: function () { _that.infinityShow = false; _that.$nextTick(() => { _that.infinityShow = true; _that.$nextTick(() => { _that.animeIndex = 1; setTimeout(() => { _that.anime_init() }) }) }) } }); } anime({ targets: '.loop-reverse-infinity', translateY: -24* _that.animeIndex, easing: 'easeInOutSine' }); this.animeIndex++ }, 3000) } } } }) } }); </script> </body> </html>

CINXE.COM

Jiagle.com - Integrated one-stop B2B platform featuring online and offline exhibitions, conferences and activities