// 导航插件 $(function(){ $(".find_nav_list").css("left",sessionStorage.left+"px"); 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 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) { // // var nav_news=''; // // var length=$('.find_nav_list ul li a').length; // // for(var i=0;i