js.js 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. $(function(){
  2. $(".find_nav_list").css("left",sessionStorage.left+"px");
  3. var nav_w=$(".find_nav_list li").first().width();
  4. $(".sideline").width(nav_w);
  5. $(".find_nav_list li").on('click', function(){
  6. nav_w=$(this).width();
  7. $(".sideline").stop(true);
  8. $(".sideline").animate({left:$(this).position().left},300);
  9. $(".sideline").animate({width:nav_w});
  10. $(this).addClass("find_nav_cur").siblings().removeClass("find_nav_cur");
  11. $(this).find("a").addClass("on");
  12. $(this).siblings().find("a").removeClass("on");
  13. var fn_w = ($(".find_nav").width() - nav_w) / 2;
  14. var fnl_l;
  15. var fnl_x = parseInt($(this).position().left);
  16. if (fnl_x <= fn_w) {
  17. fnl_l = 0;
  18. } else if (fn_w - fnl_x <= flb_w - fl_w) {
  19. fnl_l = flb_w - fl_w;
  20. } else {
  21. fnl_l = fn_w - fnl_x;
  22. }
  23. $(".find_nav_list").animate({
  24. "left" : fnl_l
  25. }, 300);
  26. sessionStorage.left=fnl_l;
  27. var c_nav=$(this).find("a").text();
  28. navName(c_nav);
  29. });
  30. var fl_w=$(".find_nav_list").width();
  31. var flb_w=$(".find_nav_left").width();
  32. $(".find_nav_list").on('touchstart', function (e) {
  33. var touch1 = e.originalEvent.targetTouches[0];
  34. x1 = touch1.pageX;
  35. y1 = touch1.pageY;
  36. ty_left = parseInt($(this).css("left"));
  37. });
  38. $(".find_nav_list").on('touchmove', function (e) {
  39. var touch2 = e.originalEvent.targetTouches[0];
  40. var x2 = touch2.pageX;
  41. var y2 = touch2.pageY;
  42. if(ty_left + x2 - x1>=0){
  43. $(this).css("left", 0);
  44. }else if(ty_left + x2 - x1<=flb_w-fl_w){
  45. $(this).css("left", flb_w-fl_w);
  46. }else{
  47. $(this).css("left", ty_left + x2 - x1);
  48. }
  49. if(Math.abs(y2-y1)>0){
  50. e.preventDefault();
  51. }
  52. });
  53. });
  54. function navName(c_nav) {
  55. // // var nav_news='';
  56. // // var length=$('.find_nav_list ul li a').length;
  57. // // for(var i=0;i<length; i++){
  58. // // nav_news=$('.find_nav_list ul li a').html();
  59. // // switch (c_nav) {
  60. // // case "nav_news":
  61. // // sessionStorage.pagecount = "nav_news";
  62. // // break;
  63. // // }
  64. // // console.log(c_nav);
  65. // // }
  66. // $.each(function(){
  67. // switch (c_nav) {
  68. // case "nav_news":
  69. // sessionStorage.pagecount = "nav_news";
  70. // break;
  71. // }
  72. // })
  73. switch (c_nav) {
  74. case "样板间":
  75. sessionStorage.pagecount = "样板间";
  76. break;
  77. case "交通图":
  78. sessionStorage.pagecount = "交通图";
  79. break;
  80. case "实景图":
  81. sessionStorage.pagecount = "实景图";
  82. break;
  83. case "效果图":
  84. sessionStorage.pagecount = "效果图";
  85. }
  86. }$(function(){
  87. $(".find_nav_list").css("left",sessionStorage.left+"px");
  88. var nav_w=$(".find_nav_list li").first().width();
  89. $(".sideline").width(nav_w);
  90. $(".find_nav_list li").on('click', function(){
  91. nav_w=$(this).width();
  92. $(".sideline").stop(true);
  93. $(".sideline").animate({left:$(this).position().left},300);
  94. $(".sideline").animate({width:nav_w});
  95. $(this).addClass("find_nav_cur").siblings().removeClass("find_nav_cur");
  96. $(this).find("a").addClass("on");
  97. $(this).siblings().find("a").removeClass("on");
  98. var fn_w = ($(".find_nav").width() - nav_w) / 2;
  99. var fnl_l;
  100. var fnl_x = parseInt($(this).position().left);
  101. if (fnl_x <= fn_w) {
  102. fnl_l = 0;
  103. } else if (fn_w - fnl_x <= flb_w - fl_w) {
  104. fnl_l = flb_w - fl_w;
  105. } else {
  106. fnl_l = fn_w - fnl_x;
  107. }
  108. $(".find_nav_list").animate({
  109. "left" : fnl_l
  110. }, 300);
  111. sessionStorage.left=fnl_l;
  112. var c_nav=$(this).find("a").text();
  113. navName(c_nav);
  114. });
  115. var fl_w=$(".find_nav_list").width();
  116. var flb_w=$(".find_nav_left").width();
  117. $(".find_nav_list").on('touchstart', function (e) {
  118. var touch1 = e.originalEvent.targetTouches[0];
  119. x1 = touch1.pageX;
  120. y1 = touch1.pageY;
  121. ty_left = parseInt($(this).css("left"));
  122. });
  123. $(".find_nav_list").on('touchmove', function (e) {
  124. var touch2 = e.originalEvent.targetTouches[0];
  125. var x2 = touch2.pageX;
  126. var y2 = touch2.pageY;
  127. if(ty_left + x2 - x1>=0){
  128. $(this).css("left", 0);
  129. }else if(ty_left + x2 - x1<=flb_w-fl_w){
  130. $(this).css("left", flb_w-fl_w);
  131. }else{
  132. $(this).css("left", ty_left + x2 - x1);
  133. }
  134. if(Math.abs(y2-y1)>0){
  135. e.preventDefault();
  136. }
  137. });
  138. });
  139. function navName(c_nav) {
  140. // // var nav_news='';
  141. // // var length=$('.find_nav_list ul li a').length;
  142. // // for(var i=0;i<length; i++){
  143. // // nav_news=$('.find_nav_list ul li a').html();
  144. // // switch (c_nav) {
  145. // // case "nav_news":
  146. // // sessionStorage.pagecount = "nav_news";
  147. // // break;
  148. // // }
  149. // // console.log(c_nav);
  150. // // }
  151. // $.each(function(){
  152. // switch (c_nav) {
  153. // case "nav_news":
  154. // sessionStorage.pagecount = "nav_news";
  155. // break;
  156. // }
  157. // })
  158. switch (c_nav) {
  159. case "Ñù°å¼ä":
  160. sessionStorage.pagecount = "Ñù°å¼ä";
  161. break;
  162. case "½»Í¨Í¼":
  163. sessionStorage.pagecount = "½»Í¨Í¼";
  164. break;
  165. case "ʵ¾°Í¼":
  166. sessionStorage.pagecount = "ʵ¾°Í¼";
  167. break;
  168. case "Ч¹ûͼ":
  169. sessionStorage.pagecount = "Ч¹ûͼ";
  170. }
  171. }