Team:Manchester/Navbartest2

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:Manchester/layout/noheader}} <html> <head> <script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type='text/javascript' src="...")
Line 7: Line 7:
<script type='text/javascript'>
<script type='text/javascript'>
-
function hoverLink1()
+
function hover1()
{
{
-
   $("#block #link1").hover(function() {
+
   $("#block").hover(function() {
       $("#block #image1").toggleClass("expand");
       $("#block #image1").toggleClass("expand");
  });
  });
-
   $("#block #link1").mouseenter(function() {
+
   $("#block").mouseenter(function() {
    $("#block #image1").css({marginLeft: "40px"});
    $("#block #image1").css({marginLeft: "40px"});
  });
  });
-
   $("#block #link1").mouseleave(function() {
+
   $("#block").mouseleave(function() {
    $("#block #image1").css({marginLeft: "50px"});  
    $("#block #image1").css({marginLeft: "50px"});  
   });
   });
}
}
-
function hoverImage1()
+
function hover2()
{
{
-
   $("#block #image1").mouseenter(function() {
+
   $("#block").mouseenter(function() {
    $("#block #image1").css({marginLeft: "40px"});
    $("#block #image1").css({marginLeft: "40px"});
  });
  });
-
     $("#block #image1").mouseleave(function() {
+
     $("#block").mouseleave(function() {
    $("#block #image1").css({marginLeft: "50px"});  
    $("#block #image1").css({marginLeft: "50px"});  
   });
   });
}
}
 +
function hoverLink2()
function hoverLink2()
Line 311: Line 312:
</head>
</head>
-
<body onLoad="hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();
+
<body onLoad="hover1(); hover2(); hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();
               hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5(); hoverLink6(); hoverImage6();">
               hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5(); hoverLink6(); hoverImage6();">

Revision as of 03:04, 3 August 2013