Team:HIT-Harbin/js/main.js

From 2014.igem.org

(Difference between revisions)
Line 19: Line 19:
  $(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(); }); })         
   });
   });
 +
$(document).ready(function()
$(document).ready(function()
{
{
-
$(window).scroll(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 $top1= $('#minibar').offset().top + 20;   
var $mid1 =  Math.floor($(window).height() / 2);
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)   
if ($(window).scrollTop()>$top1)   
{
{
-
$('#nav').hide();
+
$('#floatingbar').hide();
$('#minibar').show();
$('#minibar').show();
-
$('#minibar').addClass('nav');
+
$('#minibar').addClass('floater');
}
}
else
else
{
{
$('#minibar').hide();
$('#minibar').hide();
-
$('#nav').show();
+
$('#floatingbar').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');
 +
 +
  }
});
});
 +
});
});

Revision as of 11:02, 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) { $('#floatingbar').hide(); $('#minibar').show(); $('#minibar').addClass('floater'); } else { $('#minibar').hide(); $('#floatingbar').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"