js.js 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. var mySwiper = new Swiper ('.swiper-container2', {
  2. autoplay: true,//可选选项,自动滑动
  3. speed:300,
  4. loop : true,
  5. autoplay:5000,//等同于以下设置
  6. pagination: '.swiper-pagination',
  7. lazyLoading : true,
  8. lazyLoadingInPrevNext : true,
  9. lazyLoadingOnTransitionStart : true,
  10. })
  11. $(function(){
  12. var nav_w=$(".find_nav_list li").first().width();
  13. $(".sideline").width(nav_w);
  14. $(".find_nav_list li").on('click', function(){
  15. nav_w=$(this).width();
  16. $(".sideline").stop(true);
  17. $(".sideline").animate({left:$(this).position().left},300);
  18. $(".sideline").animate({width:nav_w});
  19. $(this).addClass("find_nav_cur").siblings().removeClass("find_nav_cur");
  20. $(this).find("a").addClass("on");
  21. $(this).siblings().find("a").removeClass("on");
  22. var fn_w = ($(".find_nav").width() - nav_w) / 2;
  23. var fnl_l;
  24. var fnl_x = parseInt($(this).position().left);
  25. if (fnl_x <= fn_w) {
  26. fnl_l = 0;
  27. } else if (fn_w - fnl_x <= flb_w - fl_w) {
  28. fnl_l = flb_w - fl_w;
  29. } else {
  30. fnl_l = fn_w - fnl_x;
  31. }
  32. $(".find_nav_list").animate({
  33. "left" : fnl_l
  34. }, 300);
  35. sessionStorage.left=fnl_l;
  36. var c_nav=$(this).find("a").text();
  37. navName(c_nav);
  38. });
  39. var Yleft = $('.find_nav_list ul li a.on').position().left;
  40. var Yleftlast = $('.find_nav_list ul li').last().position().left;
  41. var Ylefteq2 = $('.find_nav_list ul li').eq(-2).position().left;
  42. var Ylefteq3 = $('.find_nav_list ul li').eq(-3).position().left;
  43. if (Yleft < 150) {
  44. $(".find_nav_list").css("left","0px");
  45. }else if(Yleft>Yleftlast){
  46. $(".find_nav_list").css("left",'-'+(Yleft-$(window).width()+95)+"px");
  47. }else if(Yleft>Ylefteq2){
  48. $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)-15)+"px");
  49. }else if(Yleft>Ylefteq3){
  50. $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)+90)+"px");
  51. }else{
  52. $(".find_nav_list").css("left",'-'+(Yleft-90)+"px");
  53. };
  54. var fl_w=$(".find_nav_list").width();
  55. var flb_w=$(".find_nav_left").width();
  56. $(".find_nav_list").on('touchstart', function (e) {
  57. var touch1 = e.originalEvent.targetTouches[0];
  58. x1 = touch1.pageX;
  59. y1 = touch1.pageY;
  60. ty_left = parseInt($(this).css("left"));
  61. });
  62. $(".find_nav_list").on('touchmove', function (e) {
  63. var touch2 = e.originalEvent.targetTouches[0];
  64. var x2 = touch2.pageX;
  65. var y2 = touch2.pageY;
  66. if(ty_left + x2 - x1>=0){
  67. $(this).css("left", 0);
  68. }else if(ty_left + x2 - x1<=flb_w-fl_w){
  69. $(this).css("left", flb_w-fl_w);
  70. }else{
  71. $(this).css("left", ty_left + x2 - x1);
  72. }
  73. if(Math.abs(y2-y1)>0){
  74. e.preventDefault();
  75. }
  76. });
  77. });
  78. function navName(c_nav) {
  79. switch (c_nav) {
  80. case "全部":
  81. sessionStorage.pagecount = "全部";
  82. break;
  83. case "房产百科":
  84. sessionStorage.pagecount = "房产百科";
  85. break;
  86. case "楼市政策":
  87. sessionStorage.pagecount = "楼市政策";
  88. break;
  89. case "房产资讯":
  90. sessionStorage.pagecount = "房产资讯";
  91. break;
  92. case "优惠信息":
  93. sessionStorage.pagecount = "优惠信息";
  94. break;
  95. case "主编荐房":
  96. sessionStorage.pagecount = "主编荐房";
  97. break;
  98. case "小编看房":
  99. sessionStorage.pagecount = "小编看房";
  100. break;
  101. case "新盘速递":
  102. sessionStorage.pagecount = "新盘速递";
  103. break;
  104. case "置业案例":
  105. sessionStorage.pagecount = "置业案例";
  106. break;
  107. case "风土人情":
  108. sessionStorage.pagecount = "风土人情";
  109. break;
  110. case "新盘导购":
  111. sessionStorage.pagecount = "新盘导购";
  112. break;
  113. }
  114. }