TT95C_燃?xì)庠钕盗?/title> <meta name="keywords" content="中山市千科生活電器有限公司官網(wǎng)|集成灶加盟|油煙機(jī)加盟|廚房電器十大品牌|集成灶十大品牌|廚衛(wèi)十大品牌"> <meta name="description" content="中山市千科生活電器有限公司，是千科集團(tuán)法國(guó)千科總部在中國(guó)大陸的運(yùn)營(yíng)機(jī)構(gòu)，是中法合資企業(yè)。旗下品牌有：“QIKE千科”、“OUSADI歐薩帝”，集團(tuán)在中國(guó)大陸運(yùn)營(yíng)已逐步形成一個(gè)總部五個(gè)基地的產(chǎn)業(yè)格局。目前“QIKE千科”品牌主營(yíng)有：抽油煙機(jī)、燃?xì)庠睢⑾竟瘛⒓稍睢⑷細(xì)鉄崴鳌㈦姛崴鳌㈦娍鞠洹⒄粝洹羲鳌⑺鄣葟N衛(wèi)生活電器招商加盟。全國(guó)統(tǒng)一服務(wù)熱線：0760-22508800"> <script> var assertPath = "/template/qike2/index/"; var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth / 750; var ua = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var agentinfo = null; for (var i = 0; i < Agents.length; i++) { if (ua.indexOf(Agents[i]) > 0) { agentinfo = ua; break; } } if (agentinfo) { document.write('<link rel="stylesheet" type="text/css" media="screen" href="/template/qike2/index/css/wap.css">'); } else { // document.write('<link rel="stylesheet" type="text/css" media="screen" href="/template/qike2/index/css/pc.css">'); } if (/Android (\d+\.\d+)/.test(ua)) { var version = parseFloat(RegExp.$1); if (version > 2.3) { document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">'); } else { document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">'); } } else { document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">'); } </script> <body style="overflow-x: hidden;"> <h1><a href="http://www.wuchunlin.cn/">欧美黄99电影,av片免费看,亚洲精品无码电影,免费的A片网站,亚洲无码京东热</a></h1>  <div class="l3r9dnm" id="header"> <div id="tl4jflr" class="responsiveWrapper"> <a href="/" class="logo"> <img src="/uploads/20230201/f2e3a8c55764b973925797e28021be11.jpg" class="pcMain"> <img src="/uploads/20230201/f2e3a8c55764b973925797e28021be11.jpg" class="wapMain"> </a> <div id="weeu3wl" class="link"> <a class="linkAbout">關(guān)于我們</a> <a href="/index/news.html">新聞中心</a> <a class="linkPro">家用電器</a> <a href="/index/merchants.html">招商加盟</a> </div> <div id="lfhqt7a" class="iconSec"> <img src="/template/qike2/index//img/qike/icon-wx.png" class="wx">  <img src="/uploads/20210309/5fe38b82ae92b2f0ff01e96c23ed9235.jpg" class="wxImg"> </div> <div id="t7ic0d4" class="btnMenu wapMain"></div> </div> </div>  <div class="x4n2vdn" id="content"> <div id="vfw4tfp" class="bread"> <div id="zpodwus" class="main"> <a href="/index.html">首頁(yè) ></a> <a href="/index/ranqizao.html">燃?xì)庠钕盗?></a> <a>TT95C</a> </div> </div> <div id="v24wro6" class="responsiveWrapper"> <div id="poxu2o4" class="proInfo slide"> <a href="/index/ranqizao.html" class="backList slide"> <img src="/template/qike2/index/img/qike/btn-back-list.png" class="pcMain"> <img src="/template/qike2/index/img/qike/wap-btn-back-list.png" class="wapMain"> </a> <div id="nyriabr" class="proChange wapMain"> <div id="ofgnvut" class="swiper-container swiper-pro"> <div id="bssstvs" class="swiper-wrapper"> <div id="tm7mlto" class="swiper-slide"><img src="/uploads/20221011/1c2a158861283b77d5d1f2481fc28861.jpg"></div> </div> <div id="4qji2kb" class="swiper-pagination"></div> <div id="xlprr1s" class="swiper-button-next"></div> <div id="9poiihz" class="swiper-button-prev"></div> </div> <img src="/template/qike2/index/img/qike/wap-icon-view-big.png" class="icon"> </div> <div id="zqo4k6v" class="proInfoBox slide"> <div id="z44i4eg" class="piTxt fontFlag"> <h3 class="fontFlag">TT95C</h3> <h3 class="fontFlag"></h3> </div> <div id="yto9red" class="imgShow slide"> <img src="/uploads/20221011/1c2a158861283b77d5d1f2481fc28861.jpg"> <span id="cusu2tu" class="btnView">查看大圖</span> </div> <div id="q99opll" class="smallBoxSec slide"> <ul class="smallBox"> <li id="gyukq6i" class="on"> <img src="/uploads/20221011/1c2a158861283b77d5d1f2481fc28861.jpg" alt="" style="max-width: 48px;"> </li> </ul> </div> </div> <img src="/template/qike2/index/img/qike/img-pro-tit.png" class="tit pcMain"> <img src="/template/qike2/index/img/qike/wap-img-info-tit.png" class="tit wapMain"> </div> <div id="eu3y7ur" class="pibom" style="text-align: center;"> <div><img src="/uploads/20221011/226dafcd0eb32b88272ffaa0f1b9c3f3.jpg" alt="QK-TT95C_01.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/506bf0414e2c125eb3c5283a6e2c65d7.jpg" alt="QK-TT95C_02.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/7444845921ece216e4b92afdadcb18f1.jpg" alt="QK-TT95C_03.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/57b5b66c5275745a25bd2c96c8fc05d3.jpg" alt="QK-TT95C_04.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/bee07e5f3bf64bcd88ab056dca633f42.jpg" alt="QK-TT95C_05.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/591a1515c7a03865829e0fce5f23dd93.jpg" alt="QK-TT95C_06.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/84c469fd4c6f96327d178e2b3d34f7a3.jpg" alt="QK-TT95C_07.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/0efe1a23ce9145ff77db816679b1df5d.jpg" alt="QK-TT95C_08.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/0db15a99523adf9edf45a2349c187198.jpg" alt="QK-TT95C_09.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/8e748b17ea2cc3b35c734e89af04481f.jpg" alt="QK-TT95C_10.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/76f8d48f2f75aa173391c394c7e09d40.jpg" alt="QK-TT95C_11.jpg" style="width:100%;"></div> <div><img src="/uploads/20221011/11e6a80e7ef2886e53f06727721be255.jpg" alt="QK-TT95C_12.jpg" style="width:100%;"></div> </div> </div>  <div id="ni99q08" class="proTipBox slide"> <img src="/template/qike2/index/img/qike/btn-close-big.png" class="close slide pcMain"> <img src="/template/qike2/index/img/qike/wap-btn-close-big.png" class="close slide wapMain"> <div id="6p3yn7k" class="proMain slide"> <img src="/template/qike2/index/img/qike/arr-pro-big-left.png" class="left slide" onclick="proBigPrev()"> <img src="/template/qike2/index/img/qike/arr-pro-big-right.png" class="right slide" onclick="proBigNext()"> <div id="4infd5j" class="ovBox slide"> <ul class="slide"> <li><img src="/uploads/20221011/1c2a158861283b77d5d1f2481fc28861.jpg" alt=""></li> </ul> </div> </div> <ul class="bom"> <li id="qgg4nbd" class="on"><img src="/uploads/20221011/1c2a158861283b77d5d1f2481fc28861.jpg" alt=""></li> </ul> </div>  <div id="apm9hwr" class="footer fotforpro"> <div id="2fhhgay" class="main"> <span id="c4yo07x" class="backTop">回到頂部</span> <div id="9p9v5hj" class="ftList"> <h3>廚房電器</h3> <a href="/index/jichengzao.html">集成灶系列</a> <a href="/index/yanji.html">抽油煙機(jī)</a> <a href="/index/ranqizao.html">燃?xì)庠钕盗?/a> <a href="/index/xiaodugui.html">消毒柜系列</a> <a href="/index/ranqireshuiqi.html">燃?xì)鉄崴?/a> <a href="/index/dianreshuiqi.html">電熱水器</a> <a href="/index/diankaoxiang.html">蒸烤箱系列</a> <a href="/index/jingshuiqi.html">凈水器系列</a> <a href="/index/shuicao.html">集成水槽</a> </div> <a href="#" class="clickMore wapMain">了解菜單欄請(qǐng)點(diǎn)擊家用電器 ></a> <div id="vo7lyx2" class="wapm wapMain"> <a href="javascript:;">中山市千科生活電器有限公司</a> <a >粵ICP備17116596號(hào)</a> </div> <span id="jby4gin" class="coprRight">Copyright © SIYUCMS 2023.All right reserved.Powered by SIYUCMS </span> <div id="4ymijhg" class="fotMenu"> <a href="javascript:;">中山市千科生活電器有限公司</a> <a >粵ICP備17116596號(hào)</a> </div> </div> </div>  </div> <div id="y9cdgac" class="mask"></div>  <div id="t8r3lhh" class="menuDrop_about"> <div id="cxw70wv" class="main slide"> <img src="/template/qike2/index/img/qike/img-menu-about.png" class="ban slide"> <a href="/index/qikeforchina.html" class="mid slide"><img src="/template/qike2/index/img/qike/img-menu-about-1.png"><span id="hrqrpmi" class="txt fontFlag">探索千科</span></a>  </div> </div>  <div id="ipqkljf" class="menuDrop_pro"> <div id="alhjlfw" class="main"> <div id="nzyxzif" class="fenlei">  <div id="8m2feax" class="clickSec"> <div id="bijf9h2" class="slide clickBox on"><span id="xhhe6lh" class="fontFlag">廚房電器</span></div> </div> </div> <div id="7kauvvt" class="fenleiListBox on"> <img src="/template/qike2/index/img/qike/dajiadian.jpg" class="ban slide"> <img src="/template/qike2/index/img/qike/btn-close.png" class="close slide"> <div id="oef497y" class="fenlei_er"> <span id="mayvuwt" class="fontFlag on"><i>></i>廚房大電</span> </div> <div id="6ts7w7q" class="fenlei_three on"> <img src="/template/qike2/index/img/qike/5eba5b4a0d832.png" class="slide"> <a href="/index/jichengzao.html" class="fontFlag">集成灶系列</a> <a href="/index/yanji.html" class="fontFlag">抽油煙機(jī)</a> <a href="/index/ranqizao.html" class="fontFlag">燃?xì)庠钕盗?/a> <a href="/index/xiaodugui.html" class="fontFlag">消毒柜系列</a> <a href="/index/ranqireshuiqi.html" class="fontFlag">燃?xì)鉄崴?/a> <a href="/index/dianreshuiqi.html" class="fontFlag">電熱水器</a> <a href="/index/diankaoxiang.html" class="fontFlag">蒸烤箱系列</a> <a href="/index/jingshuiqi.html" class="fontFlag">凈水器系列</a> <a href="/index/shuicao.html" class="fontFlag">集成水槽</a> </div> </div> </div> </div>    <div id="udycnmo" class="wapMenu"> <div id="ktba2uq" class="main"> <div id="vbcyw9e" class="wapDrop"> <a class="toAbout">關(guān)于我們</a> <a href="/index/news.html">千科新聞</a> <a class="toPro">家用電器</a> <a href="/index/merchants.html">招商加盟</a> <div style="clear: both;"></div> <img src="/template/qike2/index/img/qike/wap-btn-menu-close.png" class="wapMenuBomBtn"> </div> <div id="foxuo2a" class="wapDrop_about"> <div id="krn9bay" class="wapMenuTop"> <span id="yek4bzv" class="wapMenuTopBack">關(guān)于我們</span> </div> <a href="/index/qikeforchina.html"><img src="/template/qike2/index/img/qike/img-menu-about-1.png"></a>  <div style="clear: both;"></div> <img src="/template/qike2/index/img/qike/wap-btn-menu-close.png" class="wapMenuBomBtn"> </div> <div id="x7ppkkc" class="wapDrop_pro"> <div id="0tuvw7h" class="wapMenuTop"> <i></i> <span id="ueqtrmm" class="wapMenuTopBack">家用電器</span> </div> <div id="2hdm7ml" class="box_st"> <div id="9o4u5om" class="fenlei"><span id="e9zyxfg" class="fenlei_st">廚房電器</span></div> </div> <div id="nxxu2oo" class="box_nd"> <div id="g4abyyf" class="fenlei"> <span id="2g2zpmp" class="fenlei_st">廚房大電</span> <div id="v4psx9f" class="fenlei_ed"> <a href="/index/jichengzao.html">> 集成灶系列</a> <a href="/index/yanji.html">> 抽油煙機(jī)</a> <a href="/index/ranqizao.html">> 燃?xì)庠钕盗?/a> <a href="/index/xiaodugui.html">> 消毒柜系列</a> <a href="/index/ranqireshuiqi.html">> 燃?xì)鉄崴?/a> <a href="/index/dianreshuiqi.html">> 電熱水器</a> <a href="/index/diankaoxiang.html">> 蒸烤箱系列</a> <a href="/index/jingshuiqi.html">> 凈水器系列</a> <a href="/index/shuicao.html">> 集成水槽</a> </div> </div>  </div> <div id="9vab4yw" class="fenlei"> <div style="clear: both;"></div> <img src="/template/qike2/index/img/qike/wap-btn-menu-close.png" class="wapMenuBomBtn"> </div> </div> </div> </div>  <div class="wjoigaz" id="top"> <div class="xiegl2s" id="izl_rmenu" class="izl-rmenu"> <a onclick="#" class="btn btn-qq" style="display:none"></a> <div id="tfxdya1" class="btn btn-wx"><img class="pic" src="/uploads/20210309/5fe38b82ae92b2f0ff01e96c23ed9235.jpg"></div> <div onclick="window.location.href='customer.html'" class="btn btn-phone"></div> <div id="e2z9tql" class="btn btn-top" style="display: block;"></div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.wuchunlin.cn/" title="欧美黄99电影,av片免费看,亚洲精品无码电影,免费的A片网站,亚洲无码京东热">欧美黄99电影,av片免费看,亚洲精品无码电影,免费的A片网站,亚洲无码京东热</a> <div class="friend-links"> </div> </div> </footer> <a href="http://www.swc00iy.cn" target="_blank">超碰97在线精品</a>| <a href="http://www.bxdllx.cn" target="_blank">亚洲色图2</a>| <a href="http://www.mgdwfm.cn" target="_blank">日韩无码一级</a>| <a href="http://www.jrft.com.cn" target="_blank">日韩A级黄色视频</a>| <a href="http://www.meijiuwang.com.cn" target="_blank">熟妇熟女乱妇乱女网站</a>| <a href="http://www.349o4.cn" target="_blank">自拍性视频在线</a>| <a href="http://www.shuizhe.cn" target="_blank">α片免费看</a>| <a href="http://www.odzkgxd.cn" target="_blank">日本在线国产在线</a>| <a href="http://www.fengzhiyi666.cn" target="_blank">特级黄色A片</a>| <a href="http://www.tugongzhan.cn" target="_blank">国产精品系列播放视频</a>| <a href="http://www.egozjyi.cn" target="_blank">日本不卡一本</a>| <a href="http://www.0w4i.cn" target="_blank">超碰国产一区思思热</a>| <a href="http://www.pzhuohlu.cn" target="_blank">日韩黄色有码</a>| <a href="http://www.dwubzya.cn" target="_blank">阿姨AV在线</a>| <a href="http://www.fzbm.org.cn" target="_blank">超碰亚洲导航</a>| <a href="http://www.odzkgxd.cn" target="_blank">亚州一级A片电影</a>| <a href="http://www.qnv0t.cn" target="_blank">大香蕉在线精品视频观看</a>| <a href="http://www.ycgelapuer.cn" target="_blank">五月天三级片</a>| <a href="http://www.xiongluo.cn" target="_blank">91色资源总站</a>| <a href="http://www.wvnkseu.cn" target="_blank">无码任你躁久久久久久久</a>| <a href="http://www.dafshxi.cn" target="_blank">朝吹网站91</a>| <a href="http://www.siteman.cn" target="_blank">97资源人人在线</a>| <a href="http://www.tfhk.cn" target="_blank">91av超碰导航</a>| <a href="http://www.geshita.org.cn" target="_blank">亚洲91AV</a>| <a href="http://www.xiangrunfa.com.cn" target="_blank">亚洲AV激情都市五月</a>| <a href="http://www.n9890.cn" target="_blank">日韩一级黄色电影</a>| <a href="http://www.wgdzmh.cn" target="_blank">久久久久无码AV</a>| <a href="http://www.3ktqugxa.cn" target="_blank">91操视频</a>| <a href="http://www.zenglian.com.cn" target="_blank">大香蕉欧美视频</a>| <a href="http://www.ruhou.cn" target="_blank">超高级中出无码专区</a>| <a href="http://www.jiuhu.net.cn" target="_blank">亚洲a免费电影网站</a>| <a href="http://www.wuchunlin.cn" target="_blank">欧洲Au麻豆</a>| <a href="http://www.58g6qudp.cn" target="_blank">人人看AV</a>| <a href="http://www.ciyaf.org.cn" target="_blank">一及黄色Av</a>| <a href="http://www.cjvalves.cn" target="_blank">色情一区二区</a>| <a href="http://www.zenglian.com.cn" target="_blank">亚洲妇女成人婬片AAA</a>| <a href="http://www.kongqibao.com.cn" target="_blank">欧美色777</a>| <a href="http://www.feizhili.cn" target="_blank">亚洲无码高清二区三区</a>| <a href="http://www.kuangxiaogou.cn" target="_blank">日韩A V电影在线播放</a>| <a href="http://www.pentahoclub.cn" target="_blank">亚洲操熟女</a>| <a href="http://www.qnsrrw.cn" target="_blank">人人操人人268</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> <script src="/template/qike2/index/js/jquery.min.js"></script> <script src="/template/qike2/index/js/swiper.min.js"></script> <script src="/template/qike2/index/js/common.js"></script> <script src="/template/qike2/index/js/scrollreveal.js"></script> <script type="text/javascript"> $(".search_btn").click(function () { var keyword = $(this).parent().find("input").val(); if (keyword != "") { location.href = "/product/search?keyword=" + keyword; } }) $(function () { // 回到頂部事件 $(".btn-top").click(function() { $('html, body').animate({ scrollTop: 0 }, 'slow'); }); // 顯示二維碼 $(".btn-wx").mouseenter(function(){ $("img.pic").css("display", "inline"); }); // 隱藏二維碼 $(".btn-wx").mouseleave(function(){ $("img.pic").css("display", "none"); }); }) </script> <script type="text/javascript"> window.sr = new ScrollReveal({ scale: 1 }); sr.reveal(".videoSec",{origin:'bottom'},{delay:500}); sr.reveal(".banWorld",{origin:'bottom'},{delay:500}); sr.reveal(".xiSec",{origin:'bottom'},{delay:500}); sr.reveal(".kitSrc",{origin:'bottom'},{delay:500}); sr.reveal(".proSec",{origin:'bottom'},{delay:500}); sr.reveal(".otherSec",{origin:'bottom'},{delay:500}); sr.reveal(".footer",{origin:'bottom'},{delay:500}); var autoplayStatus; var swiperPc = new Swiper('.swiper-pc', { speed: 800, loop: true, observer: true, observeParents: true, autoplay: true, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); var swiperWap = new Swiper('.swiper-wap', { speed: 500, loop: true, autoplay: true, observer: true, observeParents: true, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); var isloading = false; $("#quest_submit").click(function(){ if(isloading){ return; } isloading = true; $.ajax({ url:"/index.php?s=/index/submit.html", type:'post', data:$('form').serialize(), retType:'json', success:function (ret) { $("#quest_content").val(""); alert(ret.msg); }, complete:function(req){ isloading = false; var token = req.getResponseHeader('__hash__'); $("input[name='__hash__']").val(token) $("meta[name='__hash__']").attr('content',token); } }) }) </script> <script>var imgList = {0: [ '/uploads/20221011/1c2a158861283b77d5d1f2481fc28861.jpg',],};</script> <script> var swiperWap = new Swiper('.swiper-pro', { speed: 500, // loop: true, // autoplay: true, observer: true, observeParents: true, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); var winWidth = $(window).width(); var scaleVal = winWidth / 1500; var proBig; var colorIndex = 0; var proBigNum = 0; // var imgArrList = $('.smallBox li img'); // var tipBoxImgs = $('.proTipBox .proMain ul li img'); // var tipBoxSmallImgs = $('.proTipBox .bom li img'); // var wapImgs = $('.swiper-pro .swiper-slide img'); var liHeight = (47 * ($(window).width() / 1500)) + 10; var imgListLength; var iList = $('.proTipBox .proMain ul li').length - 1; // 進(jìn)入pc頁(yè)面，加載第一個(gè)色塊中第一張圖 $('.proInfo .proInfoBox .imgShow img').attr('src', imgList[0][0] + ''); // 色塊點(diǎn)擊 $('.proInfo .proInfoBox .piTxt .colBox span').on('click', function () { proBigNum = 0; colorIndex = $(this).index(); imgListLength = imgList[colorIndex].length; // console.log(colorIndex) // console.log(imgList[colorIndex]); // console.log(imgListLength); $('.proInfo .proInfoBox .smallBox li').remove(); $('.proInfo .proInfoBox .smallBox li').eq(proBigNum).addClass('on').siblings().removeClass('on'); $('.proTipBox .bom li').eq(proBigNum).addClass('on').siblings().removeClass('on'); for(var i = 0; i < imgListLength; i++){ var imgArrListTem = '<li> <img src="'+imgList[colorIndex][i]+'"></li>' $('.smallBox').append(imgArrListTem) } //2022-07-14董進(jìn)行隱藏，因?yàn)槎鄠€(gè)顏色時(shí)，點(diǎn)擊色塊后圖片尺寸大小會(huì)進(jìn)行改變 // $('.proInfo .proInfoBox .smallBox li').css({ // width: 47 * scaleVal + 'px', // height: 47 * scaleVal + 'px' // }) $('.proInfo .proInfoBox .smallBox li').eq(0).addClass('on'); $('.proTipBox .bom li').remove(); for(var j = 0; j < imgListLength; j++){ var imgArrListTem = '<li> <img src="'+imgList[colorIndex][j]+'"></li>' $('.proTipBox .bom').append(imgArrListTem) } $('.proTipBox .proMain ul li').remove(); for(var k = 0; k < imgListLength; k++){ var imgArrListTem = '<li> <img src="'+imgList[colorIndex][k]+'"></li>' $('.proTipBox .proMain ul').append(imgArrListTem) } //2022-07-14董進(jìn)行隱藏，因?yàn)槎鄠€(gè)顏色時(shí)，點(diǎn)擊色塊后圖片放大時(shí)尺寸大小會(huì)進(jìn)行改變 // $('.proTipBox .proMain ul li').css({ // width: 660 * scaleVal + 'px', // height: 588 * scaleVal + 'px' // }); $('.proTipBox .proMain ul li img').css('transform', 'translate(-50%,-50%) scale(' + scaleVal + ')'); iList = $('.proTipBox .proMain ul li').length - 1; // wap $('.swiper-pro .swiper-wrapper .swiper-slide').remove(); for(var l = 0; l < imgListLength; l++){ var imgArrListTem = '<div id="2nn2kgf" class="swiper-slide"> <img src="'+imgList[colorIndex][l]+'"></div>' $('.swiper-pro .swiper-wrapper').append(imgArrListTem) } swiperWap.slideTo(0, 0) $('.proInfo .proInfoBox .imgShow img').attr('src', imgList[colorIndex][0] + ''); }); // 右側(cè)小圖點(diǎn)擊 var smallNum; var smallBoxList; $('.proInfoBox').on('click', '.smallBox li', function () { smallBoxList = $(this).parent().children('li').length; // var liHeight = $(this).height(); proBigNum = $(this).index(); var imgSrc = $(this).children('img').attr('src'); $('.proInfo .proInfoBox .imgShow img').attr('src', imgSrc); $('.proTipBox .proMain ul').css('left', -proBig * proBigNum + 'px'); $('.proTipBox .bom li').eq(proBigNum).addClass('on').siblings().removeClass('on') $(this).addClass('on').siblings().removeClass('on'); if (smallBoxList > 5) { if (proBigNum > 2) { smallNum = proBigNum - 2; if(proBigNum > smallBoxList-3){ smallNum = smallBoxList-5; } $('.proInfo .proInfoBox .smallBox').css('top', -liHeight * smallNum + 'px') }else{ $('.proInfo .proInfoBox .smallBox').css('top', '0px') } } }) // 點(diǎn)擊大圖顯示浮層 $('.proInfo .proInfoBox .imgShow').click(function () { console.log(proBigNum) if(proBigNum < 1){ $('.proTipBox .left').hide(); }else{ $('.proTipBox .left').show(); } if(proBigNum > smallBoxList-2){ $('.proTipBox .right').hide(); }else{ $('.proTipBox .right').show(); } $('.mask').fadeIn(); $('.proTipBox').fadeIn(); $('.proTipBox .proMain ul').css('left', -proBig * proBigNum + 'px'); $('.proTipBox .bom li').eq(proBigNum).addClass('on') }) // 關(guān)閉浮層 $('.proTipBox .close').click(function () { $('.mask').fadeOut(); $('.proTipBox').fadeOut(); // proBigNum = 0 }) // 浮層左右點(diǎn)擊事件 var smallSrc; function proBigNext() { proBigNum++; if (proBigNum > iList) { proBigNum = iList } if (proBigNum > iList-1) { $('.proTipBox .right').hide(); } $('.proTipBox .left').show(); // console.log(iList); $('.proTipBox .proMain ul').css('left', -proBig * proBigNum + 'px'); $('.proTipBox .bom li').eq(proBigNum).addClass('on').siblings().removeClass('on'); $('.proInfo .proInfoBox .smallBox li').eq(proBigNum).addClass('on').siblings().removeClass('on'); smallSrc = $('.proInfo .proInfoBox .smallBox li.on').children('img').attr('src'); $('.proInfo .proInfoBox .imgShow img').attr('src', smallSrc); smallBoxList = $('.proTipBox .proMain ul li').length; if (smallBoxList > 5) { if (proBigNum > 2) { smallNum = proBigNum - 2; if(proBigNum > smallBoxList-3){ smallNum = smallBoxList-5; } $('.proInfo .proInfoBox .smallBox').css('top', -liHeight * smallNum + 'px') }else{ $('.proInfo .proInfoBox .smallBox').css('top', '0px') } } } function proBigPrev() { proBigNum--; if (proBigNum < 0) { proBigNum = 0; } if (proBigNum < 1) { $('.proTipBox .left').hide(); } $('.proTipBox .right').show(); // console.log(proBigNum) $('.proTipBox .proMain ul').css('left', -proBig * proBigNum + 'px'); $('.proTipBox .bom li').eq(proBigNum).addClass('on').siblings().removeClass('on'); $('.proInfo .proInfoBox .smallBox li').eq(proBigNum).addClass('on').siblings().removeClass('on'); smallSrc = $('.proInfo .proInfoBox .smallBox li.on').children('img').attr('src'); $('.proInfo .proInfoBox .imgShow img').attr('src', smallSrc); smallBoxList = $('.proTipBox .proMain ul li').length; if (smallBoxList > 5) { if (proBigNum > 2) { smallNum = proBigNum - 2; if(proBigNum > smallBoxList-3){ smallNum = smallBoxList-5; } $('.proInfo .proInfoBox .smallBox').css('top', -liHeight * smallNum + 'px') }else{ $('.proInfo .proInfoBox .smallBox').css('top', '0px') } } } // 浮層下面小圖點(diǎn)擊 $('.proTipBox .bom').on('click','li',function(){ proBigNum = $(this).index(); smallSrc = $(this).children('img').attr('src'); smallBoxList = $(this).parent().children('li').length; if(proBigNum > 0){ $('.proTipBox .left').show(); }else{ $('.proTipBox .left').hide(); } if(proBigNum > smallBoxList-2){ $('.proTipBox .right').hide(); }else{ $('.proTipBox .right').show(); } // console.log(smallBoxList) $('.proTipBox .proMain ul').css('left', -proBig * proBigNum + 'px'); $(this).addClass('on').siblings().removeClass('on'); $('.proInfo .proInfoBox .smallBox li').eq(proBigNum).addClass('on').siblings().removeClass('on'); $('.proInfo .proInfoBox .imgShow img').attr('src', smallSrc); if (smallBoxList > 5) { if (proBigNum > 2) { smallNum = proBigNum - 2; if(proBigNum > smallBoxList-3){ smallNum = smallBoxList-5; } $('.proInfo .proInfoBox .smallBox').css('top', -liHeight * smallNum + 'px') }else{ $('.proInfo .proInfoBox .smallBox').css('top', '0px') } } }) // wap $('.swiper-pro .swiper-wrapper').on('click','.swiper-slide',function(){ console.log(1) // tipBoxImgs.each(function (i) { //循環(huán)出浮層大圖列表 // $(this).attr('src', imgList[colorIndex][i] + '') // }) // tipBoxSmallImgs.each(function (i) { //循環(huán)出浮層小圖列表 // $(this).attr('src', imgList[colorIndex][i] + '') // }) if (winWidth < 751) { $('.proTipBox .proMain ul li').css({ width: '', height: '' }); $('.proTipBox .proMain ul li img').css('transform', 'translate(-50%,-50%)'); } proBigNum = $(this).index(); // console.log(proBigNum) $('.proTipBox .proMain ul').css('left', -proBig * proBigNum + 'px'); $('.proTipBox .bom li').eq(proBigNum).addClass('on').siblings().removeClass('on'); $('.mask').fadeIn(); $('.proTipBox').fadeIn(); }) </script> </html>