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

 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 +
 +
 +
 +
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); 
 +
scroll(0,0)  
 +
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('<span id="load">LOADING...</span>');
 +
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(){
 
jQuery(document).ready(function(){
 
     var isHiden1 = true; /*控制切换菜单*/
 
     var isHiden1 = true; /*控制切换菜单*/
Line 4: Line 60:
 
     jQuery('#popView1').click(function(){
 
     jQuery('#popView1').click(function(){
 
         if(isHiden1){
 
         if(isHiden1){
−
      jQuery('#popView1').animate({left:'+=150px'});//菜单块向右移动
+
          jQuery('#popView1').animate({left:'+=150px'});//菜单块向右移动
 
  jQuery('#popView2').css('display','inline');
 
  jQuery('#popView2').css('display','inline');
−
  jQuery('#popView2').animate({right:'+=150px'});//菜单块向右移动
+
      jQuery('#popView2').animate({right:'-200px'});
 +
  jQuery('#popView2').animate({right:'+=170px'});//菜单块向左移动
 
     }else{
 
     }else{
 
       jQuery('#popView1').animate({left:'-=150px'}); //菜单块向左移动
 
       jQuery('#popView1').animate({left:'-=150px'}); //菜单块向左移动
−
  jQuery('#popView2').animate({right:'-=150px'});//菜单块向右移动
+
 
−
  jQuery('#popView2').css('display','none');  
+
      jQuery('#popView2').animate({right:'-=170px'});//菜单块向右移动
 +
      jQuery('#popView2').fadeOut('normal');  
 
     }
 
     }
 
     isHiden1 = !isHiden1;
 
     isHiden1 = !isHiden1;
 
     });
 
     });
  
−
 
+
        jQuery(document).scroll(function() {
−
});
+
−
 
+
−
 
+
−
jQuery(function() {
+
−
    jQuery(document).scroll(function() {
+
  
 
         if(jQuery(document).scrollTop()>=100)
 
         if(jQuery(document).scrollTop()>=100)
 
             {
 
             {
 
                 jQuery('aside').css('position','fixed').css('top','50px');
 
                 jQuery('aside').css('position','fixed').css('top','50px');
−
                 jQuery('asider').css('position','fixed').css('top','50px');
+
                 jQuery('asider').css('position','fixed').css('top','50px').css('z-index','50');              
 
                 jQuery('aside').fadeIn('normal');
 
                 jQuery('aside').fadeIn('normal');
−
                 if(isHiden1){}
+
                 if(isHiden1>0){
−
                else{
+
                      jQuery('asider').fadeIn('normal');
−
                jQuery('asider').fadeIn('normal');
+
 
                 }
 
                 }
 +
 
             }
 
             }
 
             else
 
             else
Line 37: Line 90:
 
                 jQuery('asider').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('aside').fadeOut('normal');
−
                 if(isHiden1){}
+
                 jQuery('asider').css('display','none');
−
                else{
+
         
−
                jQuery('asider').fadeOut('normal');
+
−
                }           
+
 
             }  
 
             }  
  
 
     });
 
     });
 +
 +
 
});
 
});
 +
 +
 
/* slide */
 
/* slide */
 
jQuery(document).ready(function(){
 
jQuery(document).ready(function(){

Latest revision as of 04:15, 8 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);

scroll(0,0) 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;
     });
 });

});