Team:HIT-Harbin/js/main.js

From 2014.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 11: Line 11:
}
}
}
}
-
 
-
 
$(document).ready(function(){
$(document).ready(function(){
  $(function(){ $("ul.nav1").hide(); $(".nav1").hover(function(){ $(this).find("ul").stop(true,true); $(this).find("ul").slideDown(); },function(){ $(this).find("ul").stop(true,true); $(this).find("ul").slideUp(); }); })
  $(function(){ $("ul.nav1").hide(); $(".nav1").hover(function(){ $(this).find("ul").stop(true,true); $(this).find("ul").slideDown(); },function(){ $(this).find("ul").stop(true,true); $(this).find("ul").slideUp(); }); })
   });
   });
$(document).ready(function(){
$(document).ready(function(){
-
  $(function(){ $("ul.rnav1").hide(); $(".rnav1").hover(function(){ $(this).find("ul").stop(true,true); $(this).find("ul").slideDown(); },function(){ $(this).find("ul").stop(true,true); $(this).find("ul").slideUp(); }); })
+
  $(function(){ $("ul.rnav1").hide(); $(".rnav1").hover(function(){ $(this).find("ul").stop(true,true); $(this).find("ul").slideDown(); },function(){ $(this).find("ul").stop(true,true); $(this).find("ul").slideUp(); }); })        
   });
   });
 +
 +
Line 24: Line 24:
{
{
 +
$.preloadImages = function()
 +
{
 +
      for(var i = 0; i<arguments.length; i++)
 +
      {
 +
              $("<img />").attr("src", arguments[i]);
 +
      }
 +
}
-
var $top1= $('#nav').offset().top + 20;   
+
$.preloadImages("images/toparrow.png","images/bottomarrow.png");
 +
 
 +
 
 +
var $top1= $('#minibar').offset().top + 20;   
var $mid1 =  Math.floor($(window).height() / 2);
var $mid1 =  Math.floor($(window).height() / 2);
-
$(window).scroll(function()
+
$('#dirbutton').data('mode','scrollup');
 +
 
 +
 
 +
 
 +
 
 +
$('#dirbutton').click(function()
 +
{
 +
  $mode = $(this).data('mode');
 +
 
 +
  switch($mode)
 +
  {
 +
    case 'scrolldown':
 +
    $('html, body').animate({scrollTop:0}, 'slow');
 +
return false;
 +
break;
 +
case 'scrollup':
 +
    $scrollpos = $('body').outerHeight();
 +
    $('html, body').animate({scrollTop:$scrollpos}, 'slow');
 +
return false;
 +
break;
 +
  }
 +
 
 +
 
 +
});
 +
 
 +
$(window).scroll(function()
{   
{   
if ($(window).scrollTop()>$top1)   
if ($(window).scrollTop()>$top1)   
{
{
 +
$('#nav').hide();
 +
$('#minibar').show();
$('#minibar').addClass('nav');
$('#minibar').addClass('nav');
-
}                      
+
}
 +
else
 +
{
 +
$('#minibar').hide();
 +
$('#nav').show();
 +
}
 +
 
 
-
+
if($(window).scrollTop() > $mid1)
 +
  {
 +
    $('#dirbutton').find('img').attr('src','images/toparrow.png');
 +
$('#dirbutton').data('mode','scrolldown');
 +
    $('#dirbutton').show();
 +
  }else
 +
  {    
 +
$('#dirbutton').find('img').attr('src','images/bottomarrow.png');
 +
$('#dirbutton').data('mode','scrollup');
 +
 +
  }
});
});
   
   
});
});

Latest revision as of 18:54, 17 October 2014

function sideMenu(x){ var arr=document.getElementsByName("rnav"); var y=x-1; for(var i=0;i<6;i++){ 

 if(i==y){
 arr[i].style.display = "block";

} 

 else{
 arr[i].style.display = "none";

} } } $(document).ready(function(){ 

$(function(){	$("ul.nav1").hide();		$(".nav1").hover(function(){		$(this).find("ul").stop(true,true);		$(this).find("ul").slideDown();	},function(){		$(this).find("ul").stop(true,true);		$(this).find("ul").slideUp();	});	})
 });

$(document).ready(function(){ 

$(function(){	$("ul.rnav1").hide();		$(".rnav1").hover(function(){		$(this).find("ul").stop(true,true);		$(this).find("ul").slideDown();	},function(){		$(this).find("ul").stop(true,true);		$(this).find("ul").slideUp();	});	})         
 });



$(document).ready(function() {

$.preloadImages = function() { 

      for(var i = 0; i<arguments.length; i++)
      {
              $("<img />").attr("src", arguments[i]);
      }

}

$.preloadImages("images/toparrow.png","images/bottomarrow.png");


var $top1= $('#minibar').offset().top + 20; var $mid1 = Math.floor($(window).height() / 2); $('#dirbutton').data('mode','scrollup');



$('#dirbutton').click(function() { 

  $mode = $(this).data('mode');
  
  switch($mode)
  {
    case 'scrolldown':

$('html, body').animate({scrollTop:0}, 'slow'); return false; break; case 'scrollup': $scrollpos = $('body').outerHeight(); $('html, body').animate({scrollTop:$scrollpos}, 'slow'); return false; break; 

  }

});

$(window).scroll(function() {

if ($(window).scrollTop()>$top1) { $('#nav').hide(); $('#minibar').show(); $('#minibar').addClass('nav'); } else { $('#minibar').hide(); $('#nav').show();

}


if($(window).scrollTop() > $mid1) { $('#dirbutton').find('img').attr('src','images/toparrow.png'); $('#dirbutton').data('mode','scrolldown'); $('#dirbutton').show(); }else { $('#dirbutton').find('img').attr('src','images/bottomarrow.png'); $('#dirbutton').data('mode','scrollup');

} });

});

Retrieved from "http://2014.igem.org/Team:HIT-Harbin/js/main.js"