var mySwiper = new Swiper ('.swiper-container2', { autoplay: true,//可选选项,自动滑动 speed:300, loop : true, autoplay:5000,//等同于以下设置 pagination: '.swiper-pagination' }) $(function(){ var nav_w=$(".find_nav_list li").first().width(); $(".sideline").width(nav_w); $(".find_nav_list li").on('click', function(){ nav_w=$(this).width(); $(".sideline").stop(true); $(".sideline").animate({left:$(this).position().left},300); $(".sideline").animate({width:nav_w}); $(this).addClass("find_nav_cur").siblings().removeClass("find_nav_cur"); $(this).find("a").addClass("on"); $(this).siblings().find("a").removeClass("on"); var fn_w = ($(".find_nav").width() - nav_w) / 2; var fnl_l; var fnl_x = parseInt($(this).position().left); if (fnl_x <= fn_w) { fnl_l = 0; } else if (fn_w - fnl_x <= flb_w - fl_w) { fnl_l = flb_w - fl_w; } else { fnl_l = fn_w - fnl_x; } $(".find_nav_list").animate({ "left" : fnl_l }, 300); sessionStorage.left=fnl_l; var c_nav=$(this).find("a").text(); navName(c_nav); }); var Yleft = $('.find_nav_list ul li a.on').position().left; var Yleftlast = $('.find_nav_list ul li').last().position().left; var Ylefteq2 = $('.find_nav_list ul li').eq(-2).position().left; var Ylefteq3 = $('.find_nav_list ul li').eq(-3).position().left; if (Yleft < 150) { $(".find_nav_list").css("left","0px"); }else if(Yleft>Yleftlast){ $(".find_nav_list").css("left",'-'+(Yleft-$(window).width()+95)+"px"); }else if(Yleft>Ylefteq2){ $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)-15)+"px"); }else if(Yleft>Ylefteq3){ $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)+90)+"px"); }else{ $(".find_nav_list").css("left",'-'+(Yleft-90)+"px"); }; var fl_w=$(".find_nav_list").width(); var flb_w=$(".find_nav_left").width(); $(".find_nav_list").on('touchstart', function (e) { var touch1 = e.originalEvent.targetTouches[0]; x1 = touch1.pageX; y1 = touch1.pageY; ty_left = parseInt($(this).css("left")); }); $(".find_nav_list").on('touchmove', function (e) { var touch2 = e.originalEvent.targetTouches[0]; var x2 = touch2.pageX; var y2 = touch2.pageY; if(ty_left + x2 - x1>=0){ $(this).css("left", 0); }else if(ty_left + x2 - x1<=flb_w-fl_w){ $(this).css("left", flb_w-fl_w); }else{ $(this).css("left", ty_left + x2 - x1); } if(Math.abs(y2-y1)>0){ e.preventDefault(); } }); }); function navName(c_nav) { switch (c_nav) { case "全部": sessionStorage.pagecount = "全部"; break; case "房产百科": sessionStorage.pagecount = "房产百科"; break; case "楼市政策": sessionStorage.pagecount = "楼市政策"; break; case "房产资讯": sessionStorage.pagecount = "房产资讯"; break; case "优惠信息": sessionStorage.pagecount = "优惠信息"; break; case "主编荐房": sessionStorage.pagecount = "主编荐房"; break; case "小编看房": sessionStorage.pagecount = "小编看房"; break; case "新盘速递": sessionStorage.pagecount = "新盘速递"; break; case "置业案例": sessionStorage.pagecount = "置业案例"; break; case "风土人情": sessionStorage.pagecount = "风土人情"; break; case "新盘导购": sessionStorage.pagecount = "新盘导购"; break; } }