Difference between revisions of "Team:ZJU-China/Template/label.js"

Line 22: Line 22:
 
var toLoad = jQuery(this).attr('href')+' #page-content-wrapper';
 
var toLoad = jQuery(this).attr('href')+' #page-content-wrapper';
 
var toLoad1 = jQuery(this).attr('href')+' #popView2';
 
var toLoad1 = jQuery(this).attr('href')+' #popView2';
                 jQuery('#popView2').animate({right:'-=170px'});//菜单块向右移动
+
                 jQuery('#popView2').css('right','30px'});
 
jQuery('#page-content-wrapper').hide('fast',loadContent);
 
jQuery('#page-content-wrapper').hide('fast',loadContent);
 
jQuery('#popView2').hide('fast',loadContent);
 
jQuery('#popView2').hide('fast',loadContent);

Revision as of 12:41, 7 September 2015

jQuery(document).ready(function() {

var hash = window.location.hash.substr(1); var href = jQuery('#nav li a').each(function(){ var href = jQuery(this).attr('href'); if(hash==href.substr(0,href.length-5)){ var toLoad = hash+'.html #page-content-wrapper'; var toLoad1= hash+'.html #popView2'; jQuery('#page-content-wrapper').load(toLoad); jQuery('#popView2').load(toLoad1); } });

jQuery('#nav li a').click(function(){

var iWidth = document.documentElement.clientWidth; 
var iHeight = document.documentElement.clientHeight*5; 
var bgObj = document.createElement("div"); 
bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:998;";
document.body.appendChild(bgObj);  

var toLoad = jQuery(this).attr('href')+' #page-content-wrapper'; var toLoad1 = jQuery(this).attr('href')+' #popView2';

               jQuery('#popView2').css('right','30px'});

jQuery('#page-content-wrapper').hide('fast',loadContent); jQuery('#popView2').hide('fast',loadContent); jQuery('#load').remove(); jQuery('#wrapper').append('LOADING...'); jQuery('#load').fadeIn('normal'); window.location.hash = jQuery(this).attr('href').substr(0,jQuery(this).attr('href').length-5); function loadContent() { jQuery('#page-content-wrapper').load(toLoad,,showNewContent()); jQuery('#popView2').load(toLoad1,,showNewContent()); } function showNewContent() { jQuery('#page-content-wrapper').show('normal',hideLoader()); jQuery('#popView2').show('normal',hideLoader());

} function hideLoader() {

   setTimeout(function() { jQuery('#load').fadeOut('normal');   document.body.removeChild(bgObj);   }, 1000);

} return false;

});

});


jQuery(document).ready(function(){

   var isHiden1 = true;	/*控制切换菜单*/
   var isHiden2 = true;	/*控制切换菜单*/
   jQuery('#popView1').click(function(){
       if(isHiden1){
         jQuery('#popView1').animate({left:'+=150px'});//菜单块向右移动

jQuery('#popView2').css('display','inline');

     jQuery('#popView2').animate({right:'-200px'});

jQuery('#popView2').animate({right:'+=170px'});//菜单块向左移动

   }else{
     jQuery('#popView1').animate({left:'-=150px'}); //菜单块向左移动
     jQuery('#popView2').animate({right:'-=170px'});//菜单块向右移动
     jQuery('#popView2').fadeOut('normal');   
   }
   isHiden1 = !isHiden1;
   });
       jQuery(document).scroll(function() {
       if(jQuery(document).scrollTop()>=100)
           {
               jQuery('aside').css('position','fixed').css('top','50px');
               jQuery('asider').css('position','fixed').css('top','50px').css('z-index','50');                
               jQuery('aside').fadeIn('normal');
               if(isHiden1>0){
                     jQuery('asider').fadeIn('normal');
               }
           }
           else
           {
               jQuery('aside').css('position','static').css('float','left').css('position','absolute').css('top','150px'); 
               jQuery('asider').css('position','static').css('float','left').css('position','absolute').css('top','150px');  
               jQuery('aside').fadeOut('normal');
               jQuery('asider').css('display','none');
         
           } 
   });


});


/* slide */ jQuery(document).ready(function(){

 jQuery('a[href^="#"]').on('click',function (e) {
     e.preventDefault();
     var target = this.hash,
     $target = jQuery(target);
     jQuery('html, body').stop().animate({
         'scrollTop': $target.offset().top
     }, 900, 'swing', function () {
         window.location.hash = target;
     });
 });

});