Team:HIT-Harbin/js/main.js

From 2014.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 1: Line 1:
-
function displaySubMenu(div) {  
+
function sideMenu(x){
-
var subMenu = div.getElementsByTagName("ul")[0];  
+
var arr=document.getElementsByName("rnav");
-
subMenu.style.display = "block";  
+
var y=x-1;
 +
for(var i=0;i<6;i++){
 +
  if(i==y){
 +
  arr[i].style.display = "block";  
}  
}  
-
function hideSubMenu(div) {  
+
  else{
-
var subMenu = div.getElementsByTagName("ul")[0];
+
  arr[i].style.display = "none";  
-
subMenu.style.display = "none";  
+
}
}
-
function displaymenu(){
 
-
var subMenu = document.getElementById("menubar");
 
-
subMenu[0].style.display = "block";
 
}
}
-
function hidemenu() {
 
-
var subMenu = document.getElementById("menubar");
 
-
subMenu.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');
 +
 +
  }
 +
});
 +
 +
});

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"