Template:Team:TU-Munich/TUM13 Script

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
 
-
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
 
-
<script type="text/javascript">/* <![CDATA[ */
 
-
 
$(document).ready(function(){
$(document).ready(function(){
Line 114: Line 110:
});
});
-
 
-
/* ]]> */</script>
 
-
</html>
 

Revision as of 12:02, 29 August 2013

$(document).ready(function(){


// put the footer in the right place

$("#footer-box").prepend($("#social-footer"));


// implement image preloading

var images = new Array()

function preload() {

   for (i = 0; i < preload.arguments.length; i++) {
       images[i] = new Image()
       images[i].src = preload.arguments[i]
   }

}


// preload menu backgrounds

preload( "TUM13_menu-highlight.png",

        "TUM13_submenu-bg.png",
        "TUM13_submenu-highlight.png" );


// Animate teamfield

var $members = $("div#teamfield a");

$("div#teamfield").mousemove(function(event){ for (i=0; i<$members.length; i++) {

if ( $members.eq(i).offset().left > event.pageX ) {

   if ( $members.eq(i).offset().top > event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("top-left");
   } else if ( $members.eq(i).offset().top <= event.pageY && ( $members.eq(i).offset().top + $members.eq(i).height() ) >= event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("left");
   } else if ( ( $members.eq(i).offset().top + $members.eq(i).height() ) < event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("bottom-left");
   }

} else if ( $members.eq(i).offset().left <= event.pageX && ( $members.eq(i).offset().left + $members.eq(i).width() ) >= event.pageX ) {

   if ( $members.eq(i).offset().top > event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("top");
   } else if ( $members.eq(i).offset().top <= event.pageY && ( $members.eq(i).offset().top + $members.eq(i).height() ) >= event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("front");
   } else if ( ( $members.eq(i).offset().top + $members.eq(i).height() ) < event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("bottom");
   }    

} else if ( ( $members.eq(i).offset().left + $members.eq(i).width() ) < event.pageX ) {

   if ( $members.eq(i).offset().top > event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("top-right");
   } else if ( $members.eq(i).offset().top <= event.pageY && ( $members.eq(i).offset().top + $members.eq(i).height() ) >= event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("right");
   } else if ( ( $members.eq(i).offset().top + $members.eq(i).height() ) < event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("bottom-right");
   }  

}

} });


// Animate the submenus /* $("#menu ul ul").slideUp();

$("#menu > ul > li, #menu > ul > li > a").mouseenter(function(event){

   $(event.target).children("ul").slideDown();

});

$("#menu > ul > li, #menu > ul > li > a").mouseleave(function(event){

   $(event.target).children("ul").slideUp();

});

  • /

});