Template:Shenzhen SFLS/js/main

var offcanvasMenu = function() {

$('#page').prepend('<div id="sfls-offcanvas" />'); $('#page').prepend('<a href="#" class="js-sfls-nav-toggle sfls-nav-toggle sfls-nav-white"></a>'); var clone1 = $('.menu-1 > ul').clone(); $('#sfls-offcanvas').append(clone1); var clone2 = $('.menu-2 > ul').clone(); $('#sfls-offcanvas').append(clone2);

$('#sfls-offcanvas .has-dropdown').addClass('offcanvas-has-dropdown'); $('#sfls-offcanvas') .find('li') .removeClass('has-dropdown');

// Hover dropdown menu on mobile $('.offcanvas-has-dropdown').mouseenter(function(){ var $this = $(this);

$this .addClass('active') .find('ul') .slideDown(500, 'easeOutExpo'); }).mouseleave(function(){

var $this = $(this); $this .removeClass('active') .find('ul') .slideUp(500, 'easeOutExpo'); });

$(window).resize(function(){

if ( $('body').hasClass('offcanvas') ) {

   			$('body').removeClass('offcanvas');
   			$('.js-sfls-nav-toggle').removeClass('active');

} }); };

var burgerMenu = function() {

$('body').on('click', '.js-sfls-nav-toggle', function(event){ var $this = $(this);

if ( $('body').hasClass('overflow offcanvas') ) { $('body').removeClass('overflow offcanvas'); } else { $('body').addClass('overflow offcanvas'); } $this.toggleClass('active'); event.preventDefault();

}); };

 	var goToTop = function() {

$('.js-gotop').on('click', function(event){

//event.preventDefault();

$('html, body').animate({ scrollTop: $('html').offset().top }, 500);

return false; });

$(window).scroll(function(){

var $win = $(window); if ($win.scrollTop() > 200) { $('.js-top').addClass('active'); } else { $('.js-top').removeClass('active'); }

});

};

var dropdown = function() {

$('.has-dropdown').mouseenter(function(){

var $this = $(this); $this .find('.dropdown') .css('display', 'block') .addClass('animated-fast fadeInUpMenu');

}).mouseleave(function(){ var $this = $(this);

$this .find('.dropdown') .css('display', 'none') .removeClass('animated-fast fadeInUpMenu'); });

};

	function a(x,y){

var l = $('#main').offset().left; var t = $('#main').offset().top; var w = $('#main').width(); var h = $('#main').height(); $('#tbox').css('left',(l + x) + 'px'); $('#tbox').css('top',t + 'px');

}//获取#tbox的div距浏览器底部和页面内容区域右侧的距离函数#main为页面的可视宽度

$(function(){

offcanvasMenu(); burgerMenu(); goToTop(); dropdown();

$("#tbox").on("click",".taoba",function(event){

event.preventDefault();

           var href = $(this).attr("href");
 //显示

if( $(href).find(".js_div").length >0){ if($(href).find(".js_div").css("display") =="none"){ $(href).find(".js_div").show(1000); } }

var t = $(href).offset().top

           var height = $('#header').height();		

var val = t - height;

if(val < 200){ $('html,body').animate({scrollTop:0}, 1000); } else{ $('html,body').animate({scrollTop:t-height-50}, 1000); }

       });
  $("#tbox").on("click",".taoyu",function(event){

event.preventDefault();

           var href = $(this).attr("href");
                    //显示

if( $(href).find(".js_div").length >0){ if($(href).find(".js_div").css("display") =="none"){ $(href).find(".js_div").show(1000); } }

var t = $(href).offset().top

           var height = $('#header').height();		

var val = t - height; if(val < 200){ $('html,body').animate({scrollTop:0}, 1000); } else{ $('html,body').animate({scrollTop:t-height-50}, 1000); }

       });

/* //显示与隐藏 $("#content").on("click",".js_show",function(event){

                    event.preventDefault();

var obj =$(this).parents(".box").find(".js_div"); obj.toggle(1000);

                    alert(1);  

});

               */

                 //显示与隐藏

$(".js_show").off('click').on("click",function(event){

                    event.preventDefault();

var obj =$(this).parents(".box").find(".js_div"); obj.toggle(1000);

});

$(window).scroll(function(){

var t = $(document).scrollTop(); var height = $('#header').height();

//滑动时,页头在顶部 if(t>0){ $('#header').css('top', '0px'); $('#header').css('position','fixed'); $('#header').css('z-index','10000');

} else{ $('#header').css('top','0px'); $('#header').css('position','relative'); $('#header').css('z-index','10000'); }

//左边菜单 if($('#main').length >0){ var h = $('#main').offset().top; if(t >0 && t <= h){ $('#tbox').css('position','absolute'); } else if( h > t){

$('#tbox').css('top',h + 'px'); $('#tbox').css('position','absolute'); } else{ $('#tbox').css('top', height+10+'px'); $('#tbox').css('position','fixed'); }

//当sfls-footer底部可见时,#tbox不固定在 var a = $('#sfls-footer').offset().top; if (a >= $(window).scrollTop() && a < ($(window).scrollTop()+$(window).height())) { $('#tbox').css('position','relative'); } }

})

});