123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- var mySwiper = new Swiper ('.swiper-container2', {
- autoplay: true,//可选选项,自动滑动
- speed:300,
- loop : true,
- autoplay:5000,//等同于以下设置
- pagination: '.swiper-pagination'
- })
- $(function(){
- var nav_w=$(".find_nav_list li").first().width();
- $(".sideline").width(nav_w);
- $(".find_nav_list li").on('click', function(){
- nav_w=$(this).width();
- $(".sideline").stop(true);
- $(".sideline").animate({left:$(this).position().left},300);
- $(".sideline").animate({width:nav_w});
- $(this).addClass("find_nav_cur").siblings().removeClass("find_nav_cur");
-
- $(this).find("a").addClass("on");
- $(this).siblings().find("a").removeClass("on");
- var fn_w = ($(".find_nav").width() - nav_w) / 2;
- var fnl_l;
- var fnl_x = parseInt($(this).position().left);
- if (fnl_x <= fn_w) {
- fnl_l = 0;
- } else if (fn_w - fnl_x <= flb_w - fl_w) {
- fnl_l = flb_w - fl_w;
- } else {
- fnl_l = fn_w - fnl_x;
- }
- $(".find_nav_list").animate({
- "left" : fnl_l
- }, 300);
- sessionStorage.left=fnl_l;
- var c_nav=$(this).find("a").text();
- navName(c_nav);
- });
- var Yleft = $('.find_nav_list ul li a.on').position().left;
- var Yleftlast = $('.find_nav_list ul li').last().position().left;
- var Ylefteq2 = $('.find_nav_list ul li').eq(-2).position().left;
- var Ylefteq3 = $('.find_nav_list ul li').eq(-3).position().left;
- if (Yleft < 150) {
- $(".find_nav_list").css("left","0px");
- }else if(Yleft>Yleftlast){
- $(".find_nav_list").css("left",'-'+(Yleft-$(window).width()+95)+"px");
- }else if(Yleft>Ylefteq2){
- $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)-15)+"px");
- }else if(Yleft>Ylefteq3){
- $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)+90)+"px");
- }else{
- $(".find_nav_list").css("left",'-'+(Yleft-90)+"px");
- };
- var fl_w=$(".find_nav_list").width();
- var flb_w=$(".find_nav_left").width();
- $(".find_nav_list").on('touchstart', function (e) {
- var touch1 = e.originalEvent.targetTouches[0];
- x1 = touch1.pageX;
- y1 = touch1.pageY;
- ty_left = parseInt($(this).css("left"));
- });
- $(".find_nav_list").on('touchmove', function (e) {
- var touch2 = e.originalEvent.targetTouches[0];
- var x2 = touch2.pageX;
- var y2 = touch2.pageY;
- if(ty_left + x2 - x1>=0){
- $(this).css("left", 0);
- }else if(ty_left + x2 - x1<=flb_w-fl_w){
- $(this).css("left", flb_w-fl_w);
- }else{
- $(this).css("left", ty_left + x2 - x1);
- }
- if(Math.abs(y2-y1)>0){
- e.preventDefault();
- }
- });
- });
- function navName(c_nav) {
- switch (c_nav) {
- case "全部":
- sessionStorage.pagecount = "全部";
- break;
- case "房产百科":
- sessionStorage.pagecount = "房产百科";
- break;
- case "楼市政策":
- sessionStorage.pagecount = "楼市政策";
- break;
- case "房产资讯":
- sessionStorage.pagecount = "房产资讯";
- break;
- case "优惠信息":
- sessionStorage.pagecount = "优惠信息";
- break;
- case "主编荐房":
- sessionStorage.pagecount = "主编荐房";
- break;
- case "小编看房":
- sessionStorage.pagecount = "小编看房";
- break;
- case "新盘速递":
- sessionStorage.pagecount = "新盘速递";
- break;
- case "置业案例":
- sessionStorage.pagecount = "置业案例";
- break;
- case "风土人情":
- sessionStorage.pagecount = "风土人情";
- break;
- case "新盘导购":
- sessionStorage.pagecount = "新盘导购";
- break;
- }
- }
|