index.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. $(function(){
  2. // 轮播图
  3. var mySwiper1 = new Swiper('#swiper6',{
  4. autoplay:5000, //自动切换
  5. loop : true, //循环
  6. pagination: '.swiper-pagination', // 如果需要分页器
  7. })
  8. // 推荐楼盘
  9. var mySwiper1 = new Swiper('.tuijianBox_list',{
  10. autoplay:5000, //自动切换
  11. loop : true, //循环
  12. slidesPerView : 1.3,
  13. })
  14. // 获取浏览器可见区域的宽高
  15. var h = $(window).height();
  16. var w = $(window).width();
  17. // 点击展示侧边栏
  18. $('.right_m').on('click',function(){
  19. $('.HotInvest_nav2 a.right_m').css({'transform':'rotate(90deg)'})
  20. $(".sidebarBox").animate({right:"0"});
  21. })
  22. // 点击隐藏侧边栏
  23. $('.sidebarBox').on('click',function(){
  24. $('.HotInvest_nav2 a.right_m').css({'transform':'rotate(0deg)'})
  25. $(this).animate({right:"-100%"});
  26. })
  27. /*
  28. * 获取 DOC 超出可视区域的高度
  29. */
  30. $(window).scroll(function (){
  31. var ster = $(this).scrollTop();
  32. navign1(ster);
  33. });
  34. var dir1 = $(document).scrollTop();
  35. navign1(dir1);
  36. function navign1(st){
  37. if(st >180){
  38. $('.HotInvest_nav').addClass('HotInvest_nav2')
  39. }else{
  40. $('.HotInvest_nav').removeClass('HotInvest_nav2')
  41. }
  42. }
  43. var obj= new Object();
  44. obj.page=1; //页码
  45. obj.limit=6; //条数
  46. obj.upload=0; //用于更多加载问题
  47. obj.city=0;
  48. var listle=0;
  49. $('.main_nav a').on('click',function(){
  50. if ($(this).attr('data-name')=='city') {
  51. $(this).addClass('on').siblings().removeClass('on');
  52. obj.type=$(this).attr('data-type');
  53. obj.city=0;
  54. NavAjax();
  55. $('.main_city').show();
  56. }else{
  57. obj.type=$(this).attr('data-type');
  58. obj.city=0;
  59. $('.main_city').hide();
  60. $(this).addClass('on').siblings().removeClass('on');
  61. listAjax()
  62. }
  63. })
  64. $('.main_city').on('click','a',function(){
  65. obj.city=$(this).attr('data-id');
  66. $(this).addClass('on').siblings().removeClass('on');
  67. $(this).parent().hide();
  68. obj.page=1;
  69. listAjax()
  70. })
  71. function NavAjax(){
  72. var _nav=''
  73. $.ajax({
  74. url:'/investhot/city',
  75. type:'get',
  76. data:{name:obj.name,type:obj.type,page:1,limit:6},
  77. dataType:"json",
  78. success:function(data){
  79. $('.main_city').html('');
  80. if(data.code == 200){
  81. $.each(data.data,function(i,v){
  82. _nav+='<a href="javascript:;" data-id="'+v.id+'">'+v.city_name+'</a>'
  83. })
  84. $('.main_city').html(_nav);
  85. }
  86. }
  87. });
  88. }
  89. function listAjax(){
  90. var _list=''
  91. $.ajax({
  92. url:'/investhot/getlistdata',
  93. type:'get',
  94. data:{name:obj.name,city:obj.city,type:obj.type,page:obj.page,limit:obj.limit},
  95. dataType:"json",
  96. success:function(data){
  97. $('.mainList ul').html('');
  98. if(data.code == 200){
  99. $.each(data.data,function(i,v){
  100. if (i>5) {
  101. _list+='<li style="display:none">';
  102. }else{
  103. _list+='<li>';
  104. }
  105. _list+='<a href="'+v.url+'">';
  106. _list+='<p class="m_img">';
  107. _list+='<span><img src="http://qwimg.qianwuwang.com/pc/special/'+v.img+'" alt=""></span>';
  108. if ( i < 2 ) {
  109. _list+='<i><img src="/image/investhot/ico_hot13.png" alt=""></i>';
  110. }else if ( i > 2 && v.is_push == 2) {
  111. _list+='<i><img src="/image/investhot/ico_hot14.png" alt=""></i>';
  112. }
  113. _list+='</p>';
  114. _list+='<div class="m_text">';
  115. _list+='<p class="title">'+v.title+'</p>';
  116. // _list+='<p class="title_v">(Cambodia)</p>';
  117. _list+='<p class="shijian">'+time_yxq+'</p>';
  118. _list+='</div>';
  119. _list+='</a>';
  120. _list+='</li>';
  121. })
  122. $('.mainList ul').html(_list);
  123. listle=data.data.length;
  124. if ( listle <= 6) {
  125. $('.gengduo').hide();
  126. }else{
  127. $('.gengduo').show();
  128. }
  129. }
  130. }
  131. });
  132. }
  133. listAjax()
  134. var c=1;
  135. $('.gengduo a').on('click',function(){
  136. if (c==1) {
  137. $('.mainList ul li').each(function(){
  138. if ($(this).index()>5) {
  139. $(this).show();
  140. };
  141. })
  142. $(this).addClass('on')
  143. c=2
  144. }else if(c==2){
  145. $('.mainList ul li').each(function(){
  146. if ($(this).index()>5) {
  147. $(this).hide();
  148. };
  149. })
  150. $(this).removeClass('on');
  151. c=1;
  152. }
  153. })
  154. })