Liquid Eye Wear- Online Shopping for Liquid Eye Wear (2025)

'; } } _str +='

'; } return _str; }; this.init = function () { var _data = me.options.data['menu']; for (var i = 0; i < _data.length; i++) { var html = ''; html += me.getHtml(_data[i], 'cate-menu-sub change-menu', 'left'); $('.cate-menu-in').eq(i).html(html); } me.show(); me.setNewsletterHeight(me.options.height); }; me.init(); $(window).on('resize.resizeMenuLine',function(){ if(!isHomeIndex){ calculateMenuLineNum(); me.init(); } resetIndexCateMenuStyle(); }); if ($('.litb-cate-menu h2').length > 12) { $('.litb-cate-menu').addClass('line-' + $('.litb-cate-menu h2').length); } $this.parent('dl').mouseenter(function () { if ($this.is(':hidden')) { $this.fadeIn('fast') } $this.parents().find('.page-content').addClass('has-cover-black'); $this.parents().find('.whole-wrapper').addClass('has-cover-black'); $this.parents().find('.whole-wrapper-no-bg').addClass('has-cover-black'); $this.parents().find('.outer-wrap').addClass('has-cover-black'); $('.new-pagelet-footer').addClass('has-cover-black'); }); $this.parent('dl').mouseleave(function () { if(!isHomeIndex){ $this.fadeOut('fast'); } $this.parents().find('.page-content').removeClass('has-cover-black'); $this.parents().find('.whole-wrapper').removeClass('has-cover-black'); $this.parents().find('.whole-wrapper-no-bg').removeClass('has-cover-black'); $this.parents().find('.outer-wrap').removeClass('has-cover-black'); $('.new-pagelet-footer').removeClass('has-cover-black'); }); }; $('.nav-revision').litbMenuShowRevision({'data': litb["category_menu"]}); // 首页处理category menu 位置 function resetIndexCateMenuStyle(){ if(isHomeIndex){ var cateMenu = $('.allCates'); var indexBannerWrap = $('.flash-banner'); if(indexBannerWrap.length > 0){ var menuLeft = indexBannerWrap.offset().left - 200; var menuTop = indexBannerWrap.offset().top; cateMenu.css({'left':menuLeft,'top':menuTop}); } $('#litb-cate-menu').addClass('visible'); } } setTimeout(function(){ resetIndexCateMenuStyle(); },100); function item2Html(item, isFirst) { var attrs = ''; if (item.attributes) { for (attrName in item.attributes) { attrs += '

' + attrName + ': ' + item.attributes[attrName] + '

'; } } return '

\

\ \

\

\

' + (item.name ? item.name : '') + '

' + attrs + '

\

'; } litb.gwBaseURL=litb.gwBaseURL||"https://gw.lightinthebox.com/"; // header优化 var OrderQuantityObj = { init: function () { this.bindEvents(); // this.checkMaxMin($(".quantity-select")); this.triggerChange($(".quantity-select")); }, bindEvents: function () { var _this = this; var isClick = true; var gwURLHead = litb.gwBaseURL; if (gwURLHead && !gwURLHead.endsWith('/')) { gwURLHead += '/'; } $('#navCartProductList').off('click.increase').on('click.increase','.num_increase',function () { var $this = $(this); var $container = $this.parent(); var miniCart_old_quantity; var is_item_checked = $container.attr("data-checked"); var product_key = $container.find('.quantity-num').attr('data-key'); var now = Number($container.find(".quantity-num").val()); var max = $container.attr("data-max-quantity"); var min = Number($container.attr("data-min-quantity")) || 1; var arrow_dom ='

'; if (!max || now < Number(max)) { $container.find(".quantity-num").val(++now); $container.find(".quantity-num").attr('value', now); miniCart_old_quantity = Number($container.find(".quantity-num").val())- 1; if (now === Number(max)) { $this.addClass("disabled"); } else { $this.removeClass("disabled"); } if(now > min){ $container.find('.num_decrease').removeClass('disabled'); } if(isClick){ isClick = false; $(".num_increase").css('pointer-events','none'); $.ajax({ type: 'GET', url: gwURLHead + (litb.lan === 'en' ? '' : litb.lan + '/') + 'index.php?main_page=info_check&action=ajax_shopping_cart_2020_change_products_num&hold_invalid=true&activeStatus=' + is_item_checked + '&partial_check_out=1' + '&cart_item_key=' + product_key + '&old_qty=' + miniCart_old_quantity + '&qty=' + now, success: function(){ $.getJSON( gwURLHead + (litb.lan === 'en' ? '' : litb.lan + '/') + 'index.php?main_page=info_check&action=ajax_shippingcart&callback=?&language='+litb.lan, function(data){ if(!data.items || data.items.length == 0){ $('#navCartInfoNote').removeClass('loading').html(arrow_dom+('

')+litb.langs.emptyNavCart); $me.data('cartInfo', 'empty'); $(".navCartCount").data('count',0).text(0); $(".navCartCount").hide(); } else { var totalCount = 0, subtotalText = '', miniCartTitle = ''; //转换0为字符 data.cart_mini_num += ''; if (data.cart_mini_num!='') { totalCount = data.cart_mini_num; } $(".navCartCount").data('count',totalCount).text(formatCartNum(totalCount)); $(".navCartCount").trigger("cartNumberChange",totalCount); if(totalCount > 0){ $(".navCartCount").show(); }else{ $(".navCartCount").hide(); } if(data.addon.cartTotal!== null && data.addon.cartTotal !== '' ){ subtotalText = data.addon.cartTotal; } var currency = litb.currency == 'CHF' ? litb.currency : litb.currSymbol; $('#navCartTotal').text(currency + data.addon.cartTotal); if(data.miniCartTitle!== null && data.miniCartTitle !== '' ){ miniCartTitle = data.miniCartTitle; } $(".nav-cart-more-items").text(miniCartTitle); } } ); } }); setTimeout(function(){ isClick = true; $(".num_increase").css('pointer-events','auto'); },1000); } _this.triggerChange($container); } else return; }); $('#navCartProductList').off('click.decrease').on('click.decrease','.num_decrease',function () { var $this = $(this); var $container = $this.parent(); var miniCart_old_quantity; var is_item_checked = $container.attr("data-checked"); var product_key = $container.find('.quantity-num').attr('data-key'); var min = Number($container.attr("data-min-quantity")) || 1; var now = Number($container.find(".quantity-num").val()); var arrow_dom = '

'; if (now <= min) return; $container.find(".num_increase").removeClass("disabled"); $container.find(".quantity-num").val(--now); $container.find(".quantity-num").attr('value', now); miniCart_old_quantity = Number($container.find(".quantity-num").val())+ 1 ; if (now === min) { $this.addClass("disabled"); } else { $this.removeClass("disabled"); } if(isClick){ isClick = false; $(".num_decrease").css('pointer-events','none'); $.ajax({ type: 'GET', url: gwURLHead+ (litb.lan === 'en' ? '' : litb.lan + '/') + "index.php?main_page=info_check&action=ajax_shopping_cart_2020_change_products_num&hold_invalid=true&partial_check_out=1&activeStatus=" + is_item_checked +"&cart_item_key=" + product_key +"&old_qty=" + miniCart_old_quantity + "&qty=" + now, success: function(){ $.getJSON( gwURLHead + (litb.lan === 'en' ? '' : litb.lan + '/') + 'index.php?main_page=info_check&action=ajax_shippingcart&callback=?&language='+litb.lan, function(data){ if(!data.items || data.items.length == 0){ $('#navCartInfoNote').removeClass('loading').html(arrow_dom+('

')+litb.langs.emptyNavCart); $me.data('cartInfo', 'empty'); $(".navCartCount").data('count',0).text(0); $(".navCartCount").hide(); } else { var totalCount = 0, subtotalText = '', miniCartTitle = ''; //转换0为字符 data.cart_mini_num += ''; if (data.cart_mini_num!='') { totalCount = data.cart_mini_num; } $(".navCartCount").data('count',totalCount).text(formatCartNum(totalCount)); $(".navCartCount").trigger("cartNumberChange",totalCount); if(totalCount > 0){ $(".navCartCount").show(); }else{ $(".navCartCount").hide(); } if(data.addon.cartTotal!== null && data.addon.cartTotal !== '' ){ subtotalText = data.addon.cartTotal; } var currency = litb.currency == 'CHF' ? litb.currency : litb.currSymbol; $('#navCartTotal').text(currency + data.addon.cartTotal); if(data.miniCartTitle!== null && data.miniCartTitle !== '' ){ miniCartTitle = data.miniCartTitle; } $(".nav-cart-more-items").text(miniCartTitle); } } ); } }); setTimeout(function(){ isClick = true; $(".num_decrease").css('pointer-events','auto'); },1000); } _this.triggerChange($container); }); $('#navCartProductList').on('blur','.quantity-num',function () { var $this = $(this); var $container = $this.parent(); var is_item_checked = $container.attr("data-checked"); var product_key = $container.find('.quantity-num').attr('data-key'); var val= $this.val(); var now; var miniCart_old_quantity = Number($container.find(".quantity-num").attr('old-value')); var arrow_dom = '

'; $container.find(".quantity-num").attr('old-value', val); $this.val(val.replace(/[^\d].*/g, "").replace(/^0+/, "")); _this.checkMaxMin($this.parent()); _this.triggerChange($container); now = Number($this.val()); $.ajax({ type: 'GET', url: gwURLHead + (litb.lan === 'en' ? '' : litb.lan + '/') + "index.php?main_page=info_check&action=ajax_shopping_cart_2020_change_products_num&hold_invalid=true&partial_check_out=1&activeStatus=" + is_item_checked +"&cart_item_key=" + product_key +"&old_qty=" + miniCart_old_quantity + "&qty=" + now, success: function(){ $.getJSON( gwURLHead + (litb.lan === 'en' ? '' : litb.lan + '/') + 'index.php?main_page=info_check&action=ajax_shippingcart&callback=?&language='+litb.lan, function(data){ if(!data.items || data.items.length == 0){ $('#navCartInfoNote').removeClass('loading').html(arrow_dom+('

')+litb.langs.emptyNavCart); $me.data('cartInfo', 'empty'); $(".navCartCount").data('count',0).text(0); $(".navCartCount").hide(); } else { var totalCount = 0, subtotalText = '', miniCartTitle = ''; //转换0为字符 data.cart_mini_num += ''; if (data.cart_mini_num!='') { totalCount = data.cart_mini_num; } $(".navCartCount").data('count',totalCount).text(formatCartNum(totalCount)); $(".navCartCount").trigger("cartNumberChange",totalCount); if(totalCount > 0){ $(".navCartCount").show(); }else{ $(".navCartCount").hide(); } if(data.addon.cartTotal!== null && data.addon.cartTotal !== '' ){ subtotalText = data.addon.cartTotal; } var currency = litb.currency == 'CHF' ? litb.currency : litb.currSymbol; $('#navCartTotal').text(currency + data.addon.cartTotal); if(data.miniCartTitle!== null && data.miniCartTitle !== '' ){ miniCartTitle = data.miniCartTitle; } $(".nav-cart-more-items").text(miniCartTitle); } } ); } }); }); $(".quantity-num").on("update",function () { _this.checkMaxMin($(this).parent()); }); $("#navCartProductList").off('click.delete').on('click.delete', '.iconic_delete', function () { var $this = $(this); var $iconContainer = $this.parent(); var $productContainer = $iconContainer.parent(); var is_item_checked = $productContainer.attr("data-checked"); var product_key = $productContainer.find('.quantity-num').attr('data-key'); var now = Number($productContainer.find(".quantity-num").val()); var $me= $('.nav-c-w-l'); var arrow_dom = '

'; $.ajax({ type: 'GET', url: gwURLHead + (litb.lan === 'en' ? '' : litb.lan + '/') + 'index.php?main_page=info_check&action=ajax_shopping_cart_2020_change_products_num&hold_invalid=true&partial_check_out=1&activeStatus=' + is_item_checked + '&cart_item_key=' + product_key + '&old_qty=' + now + '&qty=0', success: function () { $.getJSON( gwURLHead + (litb.lan === 'en' ? '' : litb.lan + '/') + 'index.php?main_page=info_check&action=ajax_shippingcart&callback=?&language=' + litb.lan, function (data) { if (!data.items || data.items.length == 0) { $('#navCartInfoNote').removeClass('loading').html(arrow_dom + ('

') + litb.langs.emptyNavCart); $me.data('cartInfo', 'empty'); $('#navCQE').hide(); $('#navCartInfoNote').show(); $(".navCartCount").data('count',0).text(0); $(".navCartCount").hide(); } else { var items = data.items, prdListHtml = '', maxShow = 10000, totalCount = 0, moreCount = 0 ; for (var i = 0; i < items.length; i++) { totalCount += items[i].qty; if (!items[i].attachment) --maxShow; if (maxShow < 0) { moreCount += items[i].qty; } else { prdListHtml += stringifyItem(items[i], i==0); }; }; //转换0为字符 data.cart_mini_num += ''; if (data.cart_mini_num!='') { totalCount = data.cart_mini_num; } $(".navCartCount").data('count',totalCount).text(formatCartNum(totalCount)); $(".navCartCount").trigger("cartNumberChange",totalCount); if(totalCount > 0){ $(".navCartCount").show(); }else{ $(".navCartCount").hide(); } // header优化 if(litb.header_optimize){ $('#navCartProductList').html(prdListHtml); var prodDls = $('#navCartProductList').children('dl'); prodDls.each(function(){ var $this = $(this), minQty = $this.find('.quantity-select').attr('data-min-quantity'), currenttQty = $this.find('.quantity-num').attr('value'), decreaseIcon = $this.find('.order-quantity .quantity-select span.num_decrease'); if(minQty=== currenttQty){ decreaseIcon.removeClass('disabled'); } }); } else { $('#navCartProductList').html(prdListHtml).find('dl').click(function(){ jumpToUrl($(this).find('dt a').attr('href')); }); } $('#navCartProductList a').each(function(){ $(this).attr('href',$(this).attr('href')+'?prm='+litb.prm['site']+'.'+litb.prm['page']+'.180.0'); }); var currency = litb.currency == 'CHF' ? litb.currency : litb.currSymbol; $('#navCartTotal').text(currency + data.addon.cartTotal); $('#navCartMoreItems').show().text(data.miniCartTitle); if ($('#navCartInfoNote').is(':visible')) { $('#navCartInfoNote').hide(); $('#navCQE').show(); } $me.data('cartInfo', 'haveItems'); } } ); } }); _this.triggerChange($iconContainer); }); _this.updateNavCartCount(); $(".navCartCount").on("cartNumberChange", function(e, t) { _this.updateNavCartCount(); }); }, updateNavCartCount: function () { $(".navCartCount").each(function(){ if($(this).text().indexOf("+")>-1){ $(this).addClass('has-more'); }else{ $(this).removeClass('has-more'); } }); }, checkMaxMin: function ($container) { var max = $container.attr("data-max-quantity"); var min = Number($container.attr("data-min-quantity")) || 1; var $input = $container.find(".quantity-num"); var $decrease = $container.find(".num_decrease"); var $increase = $container.find(".num_increase"); var now = Number($input.val()); if (now <= min) { $input.val(min); now = min; // $input.attr('old-value', now); } else if (max && now >= Number(max)) { if (Number(max) < 0) { $container.attr("data-max-quantity", ""); } else { $input.val(max); now = Number(max); } } if (now === min) { $decrease.addClass("disabled"); } else { $decrease.removeClass("disabled"); } if (max && now === Number(max)) { $increase.addClass("disabled"); } else { $increase.removeClass("disabled"); } }, triggerChange: function ($containers, val) { $containers.each(function (i, t) { var $input = $(t).find(".quantity-num"); var now = $input.val(); if (val != now) { $input.trigger("change"); } }); } }; function stringifyItem(item) { var attrs = ''; // header优化 var quantityControlTemplate = '

'; var imgTemplate = ''; attrs = '

'; var template = '

' + '

' + imgTemplate + '

' + '

'+item.name+'

' + attrs + quantityControlTemplate +'

'; return template; } $('.nav-c-w-l').hover(function(){ if(litb.mainPage == 'design_product' || litb.mainPage == 'customprint' || litb.mainPage == 'customprint_jubu'){ return false; } var $me = $(this), arrow_dom = '

', gwURLHead = litb.gwBaseURL; if (gwURLHead && !gwURLHead.endsWith('/')) { gwURLHead += '/'; } // 兼容aoq加购成功了之后刷新mini购物车的 var _preTime=$me.data('time');//15s内不刷新 var now=new Date().getTime(); if (!$me.data('cartInfo')||!_preTime||(_preTime&&now-_preTime>15000)) { $me.data('cartInfo', 'loading'); $me.data('time',now); $("#navCartInfoNote").addClass('loading').html(arrow_dom+litb.langs.loading).show(); $.getJSON( gwURLHead + (litb.lan === 'en' ? '' : litb.lan + '/') + 'index.php?main_page=info_check&action=ajax_shippingcart&callback=?&language='+litb.lan, function(data) { if (!data.items || data.items.length == 0) { $('#navCartInfoNote').removeClass('loading').html(arrow_dom+('

')+litb.langs.emptyNavCart); $me.data('cartInfo', 'empty'); $(".navCartCount").data('count',0).text(0); $(".navCartCount").hide(); } else { var items = data.items, prdListHtml = '', maxShow = 10000, totalCount = 0, moreCount = 0; var status = data.success; for (var i = 0; i < items.length; i++) { totalCount += items[i].qty; if (!items[i].attachment) --maxShow; if (maxShow < 0) { moreCount += items[i].qty; } else { prdListHtml += stringifyItem(items[i], i==0); }; }; //转换0为字符 data.cart_mini_num += ''; if (data.cart_mini_num!='') { totalCount = data.cart_mini_num; } $(".navCartCount").data('count',totalCount).text(formatCartNum(totalCount)); $(".navCartCount").trigger("cartNumberChange",totalCount); if(totalCount > 0){ $(".navCartCount").show(); }else{ $(".navCartCount").hide(); } // header优化 $('#navCartProductList').html(prdListHtml); var prodDls = $('#navCartProductList').children('dl'); prodDls.each(function(){ var $this = $(this), minQty = Number($this.find('.quantity-select').attr('data-min-quantity')), currentQty = $this.find('.quantity-num').attr('value'), decreaseIcon = $this.find('dd .order-quantity .quantity-select .num_decrease'); if(minQty == currentQty){ decreaseIcon.addClass('disabled'); } }); $('#navCartProductList a').each(function(){ $(this).attr('href',$(this).attr('href')+'?prm='+litb.prm['site']+'.'+litb.prm['page']+'.180.0'); }); var currency = litb.currency == 'CHF' ? litb.currency : litb.currSymbol; $('#navCartTotal').text(currency + data.addon.cartTotal); $('#navCartMoreItems').show().text(data.miniCartTitle); if ($('#navCartInfoNote').is(':visible')) { $('#navCartInfoNote').hide(); $('#navCQE').show(); } $me.data('cartInfo', 'haveItems'); // header优化 if(status){ OrderQuantityObj.init(); } // 加载商品下拉列表的时候，图片资源错误，展示默认图 $("#navCartProductList dt img").each(function(o,img){ if(img.src){ img = $(img); var oImg = new Image(); oImg.onerror = function(){ oImg.onerror = null; var base = litb.resourceURL || litb.resouceURL; //old is `resouceURL`! if(Math.round(img.width()/img.height()) === 1){ img.attr("src", base + '/base-images/300x300.png'); }else{ img.attr("src", base + '/base-images/185x300.png'); } }; oImg.src = img.attr('src'); } }); }; } ).fail(function(){ $('#navCartInfoNote').html(arrow_dom+litb.langs.networkErrorRetry).children('.retry').click(function() { $me.data('cartInfo', null); $me.trigger('mouseover'); }); }); } else { // Has been loading or loaded switch ($me.data('cartInfo')) { case 'loading': case 'empty': $('#navCartInfoNote').show(); break; case 'haveItems': $('#navCQE').show(); } } }, function(){ $(this).children('dd').hide(); }); // 加购使用方法 window.aoqAddToCart = function() { var gwURLHead = litb.gwBaseURL; if (gwURLHead && !gwURLHead.endsWith('/')) { gwURLHead += '/'; }$.getJSON(gwURLHead + (litb.lan === 'en' ? '' : litb.lan + '/') + 'index.php?main_page=info_check&action=ajax_shippingcart&callback=?&language='+litb.lan,function(data) {if (data.items && data.items.length > 0) {var items = data.items,prdListHtml = '',maxShow = 10000,totalCount = 0;var status = data.success;for (var i = 0; i < items.length; i++) {if (!items[i].attachment) --maxShow;if (maxShow >= 0) {prdListHtml += stringifyItem(items[i]);};};//转换0为字符data.cart_mini_num += '';if (data.cart_mini_num!='') {totalCount = data.cart_mini_num;}$(".navCartCount").data('count',totalCount).text(formatCartNum(totalCount)); $(".navCartCount").trigger("cartNumberChange",totalCount); if(totalCount > 0){ $(".navCartCount").show(); }else{ $(".navCartCount").hide(); }// header优化$('#navCartProductList').empty();$('#navCartProductList').html(prdListHtml);var prodDls = $('#navCartProductList').children('dl');prodDls.each(function(){var $this = $(this),minQty = Number($this.find('.quantity-select').attr('data-min-quantity')),currentQty = $this.find('.quantity-num').attr('value'),decreaseIcon = $this.find('dd .order-quantity .quantity-select .num_decrease');if(minQty == currentQty){decreaseIcon.addClass('disabled');}});$('#navCartProductList a').each(function(){$(this).attr('href',$(this).attr('href')+'?prm='+litb.prm['site']+'.'+litb.prm['page']+'.180.0');});$('#navCartTotal').text(litb.currSymbol + data.addon.cartTotal);$('#navCartMoreItems').show().text(data.miniCartTitle);if ($('#navCartInfoNote').is(':visible')) {$('#navCartInfoNote').hide();$('#navCQE').show();}$('.nav-c-w-l').data('cartInfo', 'haveItems');// header优化if(status){OrderQuantityObj.init();}};}); } window.aoqAddToCart();// $("#keywords").autocomplete({'parents':'#quick_find_header'});$('.searchBtnWrap').click(function(){if($('#keywords').val()!=""&&$('#keywords').val()!=$('#keywords').attr('dvalue')){jumpToUrl($('#quick_find_header').attr('action')+'&prm='+litb.prm['site']+'.'+litb.prm['page']+'.62.0&keyword='+$('#keywords').val());}});$('.checkout2Btn').click(function() { $(this).removeClass('checkout2Btn').addClass('processing2Btn');}); /** * jQuery Color Animations * @author 愚人码头 * 源自：jQuery UI jquery.effects.core.js * 更多http://www.css88.com/archives/4090 */;(function(jQuery){// 所有颜色样式jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){jQuery.fx.step[attr] = function(fx){if ( fx.state == 0 ) {fx.start = getColor( fx.elem, attr );fx.end = getRGB( fx.end );}fx.elem.style[attr] = "rgb(" + [Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)].join(",") + ")";}});// Color Conversion functions from highlightFade// By Blair Mitchelmore// http://jquery.offput.ca/highlightFade/ //一个JavaScript 数组，其中包含 0和255之间的三个数字， (ie [255,255,255]). //An RGB 'function call syntax' string. either interger or percentage float form. (ie rgb(255,255,255) or rgb(100%,100%,100%)) //An RGB hex value. Either short or long form. (ie #FFF or #FFFFFF) //A W3C standard colour name string as defined at W3Schools. (ie 'white', 'blue', 'red', 'black', et. al)// Parse strings looking for color tuples [255,255,255]function getRGB(color) {var result;// 一个JavaScript 数组，其中包含 0和255之间的三个数字，例如： [255,255,255]if ( color && color.constructor == Array && color.length == 3 )return color;// Look for rgb(num,num,num)if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];// Look for rgb(num%,num%,num%)if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];// Look for #a0b1c2if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];// Look for #fffif (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];// Otherwise, we're most likely dealing with a named colorreturn colors[jQuery.trim(color).toLowerCase()];}function getColor(elem, attr) {var color;do {color = jQuery.curCSS(elem, attr);// Keep going until we find an element that has color, or we hit the bodyif ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") )break;attr = "backgroundColor";} while ( elem = elem.parentNode );return getRGB(color);};// Some named colors to work with// From Interface by Stefan Petre// http://interface.eyecon.ro/var colors = {aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0]};})(jQuery);var input = $('#keywords');function animateBackgroundColor (){input.animate({'backgroundColor': '#ffbbbb' }, 200,function(){input.animate({'backgroundColor':'#fff' }, 200,function(){input.focus();});})}$('#quick_find_header').submit(function(){if(input.val()==''||(!$('.nav-keyword-show')[0]&&input.val()==input.attr('dvalue'))){input.val('');setTimeout(function(){animateBackgroundColor()},200);setTimeout(function(){animateBackgroundColor()},600);return false;}});if(!$('#nav-bar form')[0]){$('.searchBtnWrap').click(function(){if(input.val()==''||(!$('.nav-keyword-show')[0]&&input.val()==input.attr('dvalue'))){input.val('');setTimeout(function(){animateBackgroundColor()},200);setTimeout(function(){animateBackgroundColor()},600);}});input.keydown(function(e) {switch(e.keyCode) {case 13:if(input.val()==''||(!$('.nav-keyword-show')[0]&&input.val()==input.attr('dvalue'))){input.val('');setTimeout(function(){animateBackgroundColor()},200);setTimeout(function(){animateBackgroundColor()},600);}break;default:break;};});} //【ID1260819】PC导航模版配置优化 var maxWidth = $(".nav-bar-container").width(); var spaceWidth = 14; var mainNav = $(".nav-bar-ul .main-nav"); var lenNav = mainNav.length; var leftIndex = 0; var rightIndex = 0; var tanslateXMax = 0; var firstRightIndex = 0; // 初始化各个分类的长度 function initNav(){ var widthTemp = 0; for (var i = 0; i < lenNav; i++) { mainNav.eq(i).attr('data-index',i); mainNav.eq(i).attr('data-offset',widthTemp); var itemWidth = mainNav.eq(i).innerWidth(); mainNav.eq(i).attr('data-self',itemWidth); widthTemp += itemWidth; mainNav.eq(i).attr('data-width',widthTemp); if(widthTemp > maxWidth && rightIndex == 0){ firstRightIndex = rightIndex = i - 1; } // 品类之间的距离需要加上 if (i !== lenNav - 1) { widthTemp += spaceWidth; } } tanslateXMax = widthTemp - maxWidth; // 整个长度可以展示完整，不需要左右箭头分页 if(widthTemp > maxWidth){ $(".nav-bar-link .arrow-scroll").removeClass('hide'); $(".nav-bar-container").addClass('scroll'); maxWidth -= 84; // 按空出左右箭头位置来算 } } // 点击右方向箭头,计算向右移动几个 function rightArrowAction(){ var index = rightIndex + 1; // 向右点击无效 if(index >= lenNav){ return false; } var _width = mainNav.eq(index).data('offset'); var _temp = lenNav - 1; for(var i = index; i < lenNav; i++){ var _tempWidth = mainNav.eq(i).data('width'); if(_tempWidth - _width > maxWidth){ _temp = i - 1; break; } } rightIndex = _temp; // 处理当最后一页不能占满一屏的时候 if(rightIndex === lenNav - 1){ // 确定正确的 leftIndex var _index = 0; var _maxWidth = mainNav.eq(rightIndex).data('width'); for(var i = rightIndex; i >= 0; i--){ var _tempWidth = mainNav.eq(i).data('offset'); if(_maxWidth - _tempWidth <= maxWidth){ _index = i; } } leftIndex = _index; }else{ leftIndex = index; } } // 点击左方向箭头,计算向左移动几个 function leftArrowAction(index){ var index = leftIndex - 1; // 向左点击无效 if(index <= -1){ return false; } var _width = mainNav.eq(index).data('width'); var _temp = 0; for(var i = index - 1; i > -1; i--){ var _tempWidth = mainNav.eq(i).data('offset'); if(_width - _tempWidth > maxWidth){ _temp = i + 1; break; } } rightIndex = index; leftIndex = _temp; } // 操作dom的显示隐藏，达到左右移动的目的 function operateCategroryDom(){ var startIndex = leftIndex; // tansform 到 startIndex 的位置 var translateX = parseInt(mainNav.eq(startIndex).data('offset')); if ($('.nav-bar-link .arrow-scroll').hasClass('hide')) { translateX = 0; } $(".nav-bar-container .nav-bar-ul").css("transform","translateX(-" + translateX + "px)"); if(translateX <= 0){ leftIndex = 0; rightIndex = firstRightIndex; } } function arrowStateChange() { if(leftIndex == 0){ $(".arrow-left").addClass("arrow-disable"); }else{ $(".arrow-left").removeClass("arrow-disable"); } if(rightIndex == lenNav - 1){ $(".arrow-right").addClass("arrow-disable"); }else{ $(".arrow-right").removeClass("arrow-disable"); } } initNav(); operateCategroryDom(); arrowStateChange(); // 屏幕宽度改变的时候，重新计算 window.addEventListener("resize",function(){ var navContainer = $('.nav-bar-container'); maxWidth = navContainer.width(); if (navContainer.hasClass('scroll')) { maxWidth += 84; } if (mainNav.eq(lenNav - 1).data('width') <= maxWidth) { $('.nav-bar-link .arrow-scroll').addClass('hide'); navContainer.removeClass('scroll'); } else { $('.nav-bar-link .arrow-scroll').removeClass('hide'); navContainer.addClass('scroll'); maxWidth -= 84; } operateCategroryDom(); arrowStateChange(); }); $(".arrow-scroll").delegate("span", "click", function() { if($(this).hasClass('arrow-disable')) return false; var value = $(this).data("value"); if(value > 0){ rightArrowAction(); operateCategroryDom(); }else{ leftArrowAction(); operateCategroryDom(); } arrowStateChange(); });

')$('body').prepend(pioTrackingDom);};