Team:HIT-Harbin/js/main.js

From 2014.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 1: Line 1:
-
function displaySubMenu(div) {
 
-
var subMenu = div.getElementsByTagName("ul")[0];
 
-
subMenu.style.display = "block";
 
-
}
 
-
function hideSubMenu(div) {
 
-
var subMenu = div.getElementsByTagName("ul")[0];
 
-
subMenu.style.display = "none";
 
-
}
 
function sideMenu(x){
function sideMenu(x){
var arr=document.getElementsByName("rnav");
var arr=document.getElementsByName("rnav");
Line 19: Line 11:
}
}
}
}
 +
$(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(); }); })       
 +
  });
-
function Set(){
+
 
-
var y=document.documentElement.scrollTop;
+
 
-
document.getElementById("txt").style.innerHTML="<strong>"+y+"xiangsu</strong>";
+
 
-
if(y>400){document.getElementById("bottomNav").style.display="block";}
+
$(document).ready(function()
 +
{
 +
 
 +
$.preloadImages = function()
 +
{
 +
      for(var i = 0; i<arguments.length; i++)
 +
      {
 +
              $("<img />").attr("src", arguments[i]);
 +
      }
}
}
-
else{document.getElementById("bottomNav").style.display="none";}
+
 
-
}
+
$.preloadImages("images/toparrow.png","images/bottomarrow.png");
-
window.onscroll=Set;
+
 
 +
 
 +
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');

} });

});