$(function () { // pc右边边栏脚本 $(".aside li").hover(function () { $(this).children(".ewm").show(); $(this).children("div").css({"display":"block","opacity":1}); $(this).children("div").animate({ "right": "60px"}); }, function () { $(this).children(".phone_meassage").animate({ "display": "none", "opacity":0,"right": "-240px" }); $(this).children(".qq_online").animate({ "right": "-127px", "display": "none","opacity":0 }); $(this).children(".ewm").hide(); $(this).children(".search_box").animate({ "right": "-205px", "display": "none","opacity":0 }); }) $("#goTopBtn").click(function () { $('body,html').animate({ scrollTop: 0 }, 600); }) $(".top").click(function () { $('body,html').animate({ scrollTop: 0 }, 600); }) // pc导航下拉 $(".menu>li").hover(function () { $(this).find(".menu_2").slideDown(200); }, function () { $(this).find(".menu_2").hide(); }) // 手机左边弹出导航 $(".menu_icon,.navigation").click(function () { $(".black_cloth").show(); $(".wap_menu").animate({ "left": "0" }, 200); $("body").animate({ "left": "250px" }, 200); $("body").css("overflow", "hidden"); $(".wrap_footer").animate({ "left": "250px" }, 200); }) // 手机左边弹出导航,点击一级分类展开二级分类 $(".wap_menu>li.menu_lists>.wap_menu1>p.right").click(function () { if ($(this).parent().siblings(".wap_menu2").css("display") == "block") { $(this).parent().siblings(".wap_menu2").slideUp(); $(this).find("a").html("+"); return; } $(".wap_menu>li.menu_lists>.wap_menu1>p.right a").html("+"); $(".wap_menu2").slideUp(); $(this).find("a").html("-"); $(this).parent().siblings(".wap_menu2").slideDown(); }) //手机点击打叉和黑色空白地方,关闭左边弹出菜单 $(".menu_tit span,.black_cloth").click(function(){ $(".wap_menu>li.menu_lists>.wap_menu1>p.right a").html("+"); $(".wap_menu2").slideUp(); $(".black_cloth").hide(); $(".wap_menu").animate({ "left": "-250" }, 200); $("body").animate({ "left": "0" }, 200); $("body").css("overflow", "visible"); $(".wrap_footer").animate({ "left": "0" }, 200); }) //手机底部点击搜索 $(".w_searchButton").click(function () { var width = $(".wap_footer").width(); if ($(".wap_search_input").css("left") == width + "px") { $(".wap_search_input").animate({ "left": 0 }, 300); } else { $(".wap_search_input").animate({ "left": "100%" }, 300); } }) //手机点击“分类”,二级分类展开显示 var n = 0; $(".phone-menuicon").click(function () { $(".phone-menulist").slideToggle(200); n++; //$(this).find("img").css("transform", "rotate(" + 180 * n + "deg)"); }) //pc和手机内页侧边栏分类,点击展开下一级 $("ul.sidemenu li a").click(function () { $(this).parent().siblings().find("ul").slideUp()//如果要点击其他缩上去则增加这句 $(this).next("ul").slideToggle(300); }) //当前选中项的所有父节点都显示出来,程序会将点击的li项默认添加.current $("ul.sidemenu li.current").parents().show(); //pc+wap大图js $('#owl-demo').owlCarousel({ items: 1, loop:true, autoPlay: 100, autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true }); //pc+wap产品详情图片轮播 if($(".product_detail_images .product_detail_img .product_detail_pic").length>1){ $(".product_detail_images .product_detail_img").addClass("owl-carousel").attr('id',"owl-demo1"); $('#owl-demo1').owlCarousel({ items: 1, autoplayTimeout:5000, autoplayHoverPause:true }); // $(".product_detail_images .owl-item").each(function(){ // var img_mar=Math.floor(($(".product_detail_images .owl-stage-outer").height()-$(this).find("img").height())*0.5) // // $(this).find("img").css("margin-top",img_mar) // }) var tit=$(".product_detail .title h3").text() $(".product_detail_images .product_detail_img .product_detail_pic").each(function(i){ var len=$(".product_detail_images .product_detail_img .product_detail_pic").length; var num=i+1; $(this).find("a").attr("data-footer",""+tit+""+""+num+"/"+len+"") }) $(document).on('click', '[data-toggle="lightbox"]', function(event) { event.preventDefault(); $(this).ekkoLightbox({ wrapping:false, }); }); window.onload=function(){ $(".product_detail_images .owl-item").each(function(){ var img_mar=Math.floor(($(".product_detail_images .owl-stage-outer").height()-$(this).find("img").height())*0.5) $(this).find("img").css("margin-top",img_mar) }) } } $('div.ekko-lightbox-item').each(function () { new RTP.PinchZoom($(this), {}); }) //手机底部 if ($(window).width() < 768) { var height = $(".wap_footer").height() + 20; $(".pad").css("height", height + "px"); } })