Navigations.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. // 导航插件
  2. $(function(){
  3. $(".find_nav_list").css("left",sessionStorage.left+"px");
  4. var nav_w=$(".find_nav_list li").first().width();
  5. $(".sideline").width(nav_w);
  6. $(".find_nav_list li").on('click', function(){
  7. nav_w=$(this).width();
  8. $(".sideline").stop(true);
  9. $(".sideline").animate({left:$(this).position().left},300);
  10. $(".sideline").animate({width:nav_w});
  11. $(this).addClass("find_nav_cur").siblings().removeClass("find_nav_cur");
  12. $(this).find("a").addClass("on");
  13. $(this).siblings().find("a").removeClass("on");
  14. var fn_w = ($(".find_nav").width() - nav_w) / 2;
  15. var fnl_l;
  16. var fnl_x = parseInt($(this).position().left);
  17. if (fnl_x <= fn_w) {
  18. fnl_l = 0;
  19. } else if (fn_w - fnl_x <= flb_w - fl_w) {
  20. fnl_l = flb_w - fl_w;
  21. } else {
  22. fnl_l = fn_w - fnl_x;
  23. }
  24. $(".find_nav_list").animate({
  25. "left" : fnl_l
  26. }, 300);
  27. sessionStorage.left=fnl_l;
  28. var c_nav=$(this).find("a").text();
  29. navName(c_nav);
  30. });
  31. var fl_w=$(".find_nav_list").width();
  32. var flb_w=$(".find_nav_left").width();
  33. $(".find_nav_list").on('touchstart', function (e) {
  34. var touch1 = e.originalEvent.targetTouches[0];
  35. x1 = touch1.pageX;
  36. y1 = touch1.pageY;
  37. ty_left = parseInt($(this).css("left"));
  38. });
  39. $(".find_nav_list").on('touchmove', function (e) {
  40. var touch2 = e.originalEvent.targetTouches[0];
  41. var x2 = touch2.pageX;
  42. var y2 = touch2.pageY;
  43. if(ty_left + x2 - x1>=0){
  44. $(this).css("left", 0);
  45. }else if(ty_left + x2 - x1<=flb_w-fl_w){
  46. $(this).css("left", flb_w-fl_w);
  47. }else{
  48. $(this).css("left", ty_left + x2 - x1);
  49. }
  50. if(Math.abs(y2-y1)>0){
  51. e.preventDefault();
  52. }
  53. });
  54. });
  55. function navName(c_nav) {
  56. // // var nav_news='';
  57. // // var length=$('.find_nav_list ul li a').length;
  58. // // for(var i=0;i<length; i++){
  59. // // nav_news=$('.find_nav_list ul li a').html();
  60. // // switch (c_nav) {
  61. // // case "nav_news":
  62. // // sessionStorage.pagecount = "nav_news";
  63. // // break;
  64. // // }
  65. // // console.log(c_nav);
  66. // // }
  67. // $.each(function(){
  68. // switch (c_nav) {
  69. // case "nav_news":
  70. // sessionStorage.pagecount = "nav_news";
  71. // break;
  72. // }
  73. // })
  74. // switch (c_nav) {
  75. // case "楼盘热点":
  76. // sessionStorage.pagecount = "楼盘热点";
  77. // break;
  78. // case "优惠信息":
  79. // sessionStorage.pagecount = "优惠信息";
  80. // break;
  81. // case "热门推荐":
  82. // sessionStorage.pagecount = "热门推荐";
  83. // break;
  84. // case "看房记":
  85. // sessionStorage.pagecount = "看房记";
  86. // break;
  87. // case "新房速找":
  88. // sessionStorage.pagecount = "新房速找";
  89. // break;
  90. // case "看房日记":
  91. // sessionStorage.pagecount = "看房日记";
  92. // break;
  93. // case "房产攻略":
  94. // sessionStorage.pagecount = "房产攻略";
  95. // break;
  96. // }
  97. }
  98. // 导航插件------------------------------------