123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185 |
- $(function(){
- $(".find_nav_list").css("left",sessionStorage.left+"px");
- 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 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) {
- // // var nav_news='';
- // // var length=$('.find_nav_list ul li a').length;
- // // for(var i=0;i<length; i++){
- // // nav_news=$('.find_nav_list ul li a').html();
- // // switch (c_nav) {
- // // case "nav_news":
- // // sessionStorage.pagecount = "nav_news";
- // // break;
- // // }
- // // console.log(c_nav);
- // // }
- // $.each(function(){
- // switch (c_nav) {
- // case "nav_news":
- // sessionStorage.pagecount = "nav_news";
- // break;
- // }
- // })
- switch (c_nav) {
- case "样板间":
- sessionStorage.pagecount = "样板间";
- break;
- case "交通图":
- sessionStorage.pagecount = "交通图";
- break;
- case "实景图":
- sessionStorage.pagecount = "实景图";
- break;
- case "效果图":
- sessionStorage.pagecount = "效果图";
- }
- }$(function(){
- $(".find_nav_list").css("left",sessionStorage.left+"px");
- 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 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) {
- // // var nav_news='';
- // // var length=$('.find_nav_list ul li a').length;
- // // for(var i=0;i<length; i++){
- // // nav_news=$('.find_nav_list ul li a').html();
- // // switch (c_nav) {
- // // case "nav_news":
- // // sessionStorage.pagecount = "nav_news";
- // // break;
- // // }
- // // console.log(c_nav);
- // // }
- // $.each(function(){
- // switch (c_nav) {
- // case "nav_news":
- // sessionStorage.pagecount = "nav_news";
- // break;
- // }
- // })
- switch (c_nav) {
- case "Ñù°å¼ä":
- sessionStorage.pagecount = "Ñù°å¼ä";
- break;
- case "½»Í¨Í¼":
- sessionStorage.pagecount = "½»Í¨Í¼";
- break;
- case "ʵ¾°Í¼":
- sessionStorage.pagecount = "ʵ¾°Í¼";
- break;
- case "Ч¹ûͼ":
- sessionStorage.pagecount = "Ч¹ûͼ";
- }
- }
|