$(function(){ // banner $(".vertical-center-4").slick({ dots: true, slidesToShow: 1, slidesToScroll: 1, }); // labor_bzcon jQuery(".labor_bzcon").slide({ titCell:"li", deaultIndex:1, effect:"left", trigger:"mouseover", pnLoop:false }); // strength // $('.strw_list').width(($(window).width()-1500)/2+1500) jQuery(".strw_list").slide({ titCell:".strwl_num li", mainCell:".strwl_con", effect: "left", autoPlay: true, interTime: 3000, delayTime: 500 }); // 内页面包屑 var bodycon = $('#bodycon'),mianCon = $('.mianbxContent'),center = $('#center'); bodycon.wrapAll('
') mianCon.insertBefore(bodycon); mianCon.wrapAll('
'); // 内页幻灯片 var nban = $('.nban'),niamText = ''; niamText = mianCon.find('a:last()').text(); nban.append('
'); for (var i = 0; i < niamText.length; i++) { $('.nban_txt').append(''+niamText.substring(i,i+1)); } nban.find('.nban_txt').append($('p.desc').clone()); // 产品详情 var proLeft = $('.propic_show_left_20170301'),proShowImg = $('.propic_show_right_item_20170301 img'),proShowI = 0; proLeft.prepend(''); proLeft.append(''); var proPrev = $('.pro_prev'),proNext = $('.pro_next'); if($('div').hasClass('propic_show_left_20170301')){ proBtn(); } function proBtn(){ if(proShowI==0){ proPrev.addClass('black'); if($('.psupdown a').eq(0).attr('href').indexOf('html') != -1){ proPrev.append(''+$('.psupdown a').eq(0).text()); proPrev.find('span').css('width',$('.psupdown a').eq(0).text().length*14); } }else if(proShowI<0){ proShowI=0 proPrev.attr('href',$('.psupdown a').eq(0).attr('href')); if($('.psupdown a').eq(0).attr('href').indexOf('html') <= -1 && !proPrev.children().is('span')){ proPrev.append('已经是第一个产品'); } }else{ proPrev.removeClass('black').attr('href','javascript:;'); } if(proShowI>proShowImg.index()){ proNext.attr('href',$('.psupdown a').eq(1).attr('href')); if($('.psupdown a').eq(1).attr('href').indexOf('html') == -1 && !proNext.children().is('span')){ proNext.append('已经是最后一个产品'); } }else if(proShowI==proShowImg.index()){ proNext.addClass('black'); if($('.psupdown a').eq(1).attr('href').indexOf('html') != -1){ proNext.append(''+$('.psupdown a').eq(1).text()); proNext.find('span').css('width',$('.psupdown a').eq(1).text().length*14); } }else{ proNext.removeClass('black').attr('href','javascript:;'); } proShowImg.eq(proShowI).addClass('on').siblings().removeClass('on'); proLeft.find('img').attr('src',proShowImg.eq(proShowI).attr('src')); } proShowImg.click(function(){ proShowI = $(this).index(); proBtn(); }); proPrev.click(function(){ proShowI --; proBtn(); }); proNext.click(function(){ proShowI ++; proBtn(); }); // 详情页 var strongTitle = $('.strong_title'),proAllClassA = $('.pro_all_class a'),proCon = $('.product_content'); if($('div').is('.product_content')){ proCon.parents('#center').addClass('center'); } proAllClassA.eq(0).addClass('pro_cur'); proAllClassA.each(function(){ var $this = $(this),$thishref="$(uijt).buus("'href'); mianCon.find('a').each(function(){ if($thisHref.indexOf($(this).attr('href')) != -1){ $this.addClass('pro_cur').siblings().removeClass('pro_cur'); } }); }); var propicRight = $('.propic_show_right'); propicRight.contents().filter(function(){ return this.nodeType == 3; }).wrapAll("
"); propicRight.append('
'); var proShowEwm = $('.pro_show_ewm'),tel = $('.tel'),proShowBtn = $('.pro_show_btn'),pshangxia = $('.pshangxia'),proShowArray = new Array(),proText = '',proShowIndex = 0; proShowEwm.append('
'); $('.pro_tel_right').append('

'+tel.html()); propicRight.append(proShowBtn); pshangxia.parent('div').addClass('pro_show_mune'); var proShowMune = $('.pro_show_mune'); proShowArray = proShowMune.text().split('['); $.each(proShowArray,function (i,n) { if(n.trim() != ''){ proText += n; } }); proShowArray = new Array(); proShowArray = proText.trim().split(']'); $.each(proShowArray,function (i,n) { if(n.trim() != ''){ pshangxia.eq(proShowIndex).html(n.trim()); proShowIndex ++ ; } }); var dgwebListItem = $('.dgweb_list_item'),pconTitleH4 = $('.pcontent_title_h4'),proConBox = $('.pro_con_box'),proDetaHd = $('.pro_detail_rel_hd'),pcbBoxCon = $('.pcb_box_con'),pcbBoxOne = $('.pcb_box_one'),pcbBoxTop = $('.pcb_box_top'),proDetaItem = $('.pro_detail_rel_item'); proDetaItem.children().addClass('pro_detail_list'); dgwebListItem.next('.clear').show(); proConBox.insertAfter(pconTitleH4); proDetaHd.parent('div').addClass('pro_detail_rel_box'); pcbBoxCon.append(proCon); $('.pro_show_mune').insertAfter($('.pro_detail_rel_box')); var clearfix = $('.clearfix'),propicShow = $('.propic_show_piclist'),propicShowLi = $('.propic_show_piclist li'),propicSrc = null,propicShowleImg = $('.propic_show_left img'),xsxt = $('#xianshixiaotu'); xsxt.wrapAll('

'); propicRight.append(propicShow); // propicShow.insertAfter(clearfix); propicShowLi.each(function(){ $(this).find('a').removeAttr('href'); }); propicShowLi.click(function () { propicSrc = $(this).find('img').attr('src'); propicShowleImg.attr('src',propicSrc); }); var proDetailTitle = $('.pro_detail_title'); proDetailTitle.append('
'); var proReturn = $('.pro_return'); proReturn.click(function(){ goReturn(); }); var nTbx1 = $('.n_tbx1'),nTbx1Nt = $('.n_tbx1 .nt'),nTbx2 = $('.n_tbx2'),nTbx2Nt = $('.n_tbx2 .nt'); if(mianCon.html().indexOf(nTbx1Nt.text()) != -1 && $('div').is('.product_content')){ proCon.append(nTbx1); }else if(mianCon.html().indexOf(nTbx2Nt.text()) != -1 && $('div').is('.product_content')){ proCon.append(nTbx2); } // 放大镜 var proPicShowLe = $('.propic_show_left'),propicImg = $('.propic_img'); propicImg.append('
'); proPicShowLe.append('
'); $('.propic_le_mag').insertAfter(proPicShowLe); propicImg.mousemove(function (e) { $('.propic_le_mag').css('display', 'block'); $('.magnifier').css('display', 'block'); var address = $(this).find('img').attr("src"); $('.propic_le_mag img').attr('src',address); // 获取鼠标当前位置 var pageX = e.pageX; var pageY = e.pageY; var offsetX = $(this).offset().left; var offsetY = $(this).offset().top; // 计算鼠标在缩略图中的相对位置 var relativeX = pageX - offsetX; var relativeY = pageY - offsetY; // 考虑到鼠标处于“放大镜”框的中心,我们要根据鼠标位置计算“放大镜”框的位置 var magOffsetX = $('.magnifier').width() / 2; var magOffsetY = $('.magnifier').height() / 2; $('.magnifier').css({ left: relativeX - magOffsetX + 'px', top: relativeY - magOffsetY + 'px' }); // 获取“放大镜”框的新位置,后面会用到 var magX = $('.magnifier').position().left; var magY = $('.magnifier').position().top; var maxMagX = $(this).width() - $('.magnifier').width(); var maxMagY = $(this).height() - $('.magnifier').height(); var multiple = Math.round(($('.propic_le_mag img').width()/proPicShowLe.width())*10)/10; // 左边界 if (magX <= 0) { $('.magnifier').css('left', '0px'); magX = 0; } // 右边界 if (magX >= maxMagX) { $('.magnifier').css('left', maxMagX + 'px'); magX = maxMagX; } // 上边界 if (magY <= 0) { $('.magnifier').css('top', '0px'); magY = 0; } // 下边界 if (magY >= maxMagY) { $('.magnifier').css('top', maxMagY + 'px'); magY = maxMagY; } var originX = magX * multiple; var originY = magY * multiple; $('.propic_le_mag img').css({ left: -originX + 'px', top: -originY + 'px' }); }).mouseout(function () { $('.propic_le_mag').css('display', 'none'); $('.magnifier').css('display', 'none'); }); // 留言 var tianXoImg = $('#tianxieone img'),chakantwo = $('#chakantwo'); chakantwo.parents("#center").children().wrapAll('
'); tianXoImg.parent("#tianxiethree").addClass('tianXoImg'); chakantwo.parents(".body_box").addClass('fee_box'); })