js.js 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. var mySwiper = new Swiper ('.swiper-container2', {
  2. autoplay: true,//可选选项,自动滑动
  3. speed:300,
  4. loop : true,
  5. autoplay:5000,//等同于以下设置
  6. pagination: '.swiper-pagination'
  7. })
  8. $(function(){
  9. var nav_w=$(".find_nav_list li").first().width();
  10. $(".sideline").width(nav_w);
  11. $(".find_nav_list li").on('click', function(){
  12. nav_w=$(this).width();
  13. $(".sideline").stop(true);
  14. $(".sideline").animate({left:$(this).position().left},300);
  15. $(".sideline").animate({width:nav_w});
  16. $(this).addClass("find_nav_cur").siblings().removeClass("find_nav_cur");
  17. $(this).find("a").addClass("on");
  18. $(this).siblings().find("a").removeClass("on");
  19. var fn_w = ($(".find_nav").width() - nav_w) / 2;
  20. var fnl_l;
  21. var fnl_x = parseInt($(this).position().left);
  22. if (fnl_x <= fn_w) {
  23. fnl_l = 0;
  24. } else if (fn_w - fnl_x <= flb_w - fl_w) {
  25. fnl_l = flb_w - fl_w;
  26. } else {
  27. fnl_l = fn_w - fnl_x;
  28. }
  29. $(".find_nav_list").animate({
  30. "left" : fnl_l
  31. }, 300);
  32. sessionStorage.left=fnl_l;
  33. var c_nav=$(this).find("a").text();
  34. navName(c_nav);
  35. });
  36. var Yleft = $('.find_nav_list ul li a.on').position().left;
  37. var Yleftlast = $('.find_nav_list ul li').last().position().left;
  38. var Ylefteq2 = $('.find_nav_list ul li').eq(-2).position().left;
  39. var Ylefteq3 = $('.find_nav_list ul li').eq(-3).position().left;
  40. if (Yleft < 150) {
  41. $(".find_nav_list").css("left","0px");
  42. }else if(Yleft>Yleftlast){
  43. $(".find_nav_list").css("left",'-'+(Yleft-$(window).width()+95)+"px");
  44. }else if(Yleft>Ylefteq2){
  45. $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)-15)+"px");
  46. }else if(Yleft>Ylefteq3){
  47. $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)+90)+"px");
  48. }else{
  49. $(".find_nav_list").css("left",'-'+(Yleft-90)+"px");
  50. };
  51. var fl_w=$(".find_nav_list").width();
  52. var flb_w=$(".find_nav_left").width();
  53. $(".find_nav_list").on('touchstart', function (e) {
  54. var touch1 = e.originalEvent.targetTouches[0];
  55. x1 = touch1.pageX;
  56. y1 = touch1.pageY;
  57. ty_left = parseInt($(this).css("left"));
  58. });
  59. $(".find_nav_list").on('touchmove', function (e) {
  60. var touch2 = e.originalEvent.targetTouches[0];
  61. var x2 = touch2.pageX;
  62. var y2 = touch2.pageY;
  63. if(ty_left + x2 - x1>=0){
  64. $(this).css("left", 0);
  65. }else if(ty_left + x2 - x1<=flb_w-fl_w){
  66. $(this).css("left", flb_w-fl_w);
  67. }else{
  68. $(this).css("left", ty_left + x2 - x1);
  69. }
  70. if(Math.abs(y2-y1)>0){
  71. e.preventDefault();
  72. }
  73. });
  74. });
  75. function navName(c_nav) {
  76. switch (c_nav) {
  77. case "全部":
  78. sessionStorage.pagecount = "全部";
  79. break;
  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. }
  111. }