123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- // 导航插件
- $(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<length; i++){
- // // nav_news=$('.find_nav_list ul li a').html();
- // // switch (c_nav) {
- // // case "nav_news":
- // // sessionStorage.pagecount = "nav_news";
- // // break;
- // // }
- // // console.log(c_nav);
- // // }
-
- // $.each(function(){
- // switch (c_nav) {
- // case "nav_news":
- // sessionStorage.pagecount = "nav_news";
- // break;
- // }
- // })
- // 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;
- // }
-
-
- }
- // 导航插件------------------------------------
|