User:On7h33dg3

From 2012.igem.org

(Difference between revisions)
Line 7: Line 7:
     $(".pass").hover(
     $(".pass").hover(
       function () {
       function () {
-
         $(".change").text("TEXT ON MOUSE HOVER");
+
         $(".change").text("MOUSE HOVER");
         },
         },
         function () {
         function () {
-
         $(".change").text("");
+
         $(".change").text("DIV TO CHANGE");
         }
         }
         );
         );
-
    $(".pass2").hover(
 
-
      function () {
 
-
        $(".change2").text("TEXT ON MOUSE HOVER");
 
-
        },
 
-
        function () {
 
-
        $(".change2").text("");
 
-
        }
 
-
        );
 
-
 
     });
     });
</script>
</script>
-
 
<style type="text/css">
<style type="text/css">
-
  #image{
+
  #project_flow{
position:absolute;
position:absolute;
-
top:0%;
+
z-index:0;
-
left:0%;
+
width:980;
width:980;
height:400;
height:400;
Line 36: Line 25:
  #pass{
  #pass{
position:absolute;
position:absolute;
 +
z-index:5;
top:0%;
top:0%;
left:0%;
left:0%;
-
}
 
-
#pass2{
 
-
position:absolute;
 
-
top:100%;
 
-
left:100%;
 
  }
  }
  #change{
  #change{
position:absolute;
position:absolute;
 +
z-index:5;
top:30%;
top:30%;
left:30%;
left:30%;
 +
font:Verdana;
 +
font-size: medium;
 +
color:#1d1d1b;
  }
  }
-
#change2{
 
-
position:absolute;
 
-
top:60%;
 
-
left:60%;
 
-
}
 
-
 
-
 
</style>
</style>
-
 
</head>
</head>
-
 
<body>
<body>
-
<div id="image"><img src="https://static.igem.org/mediawiki/2012/8/8e/Exe2012Freddie_Description.jpg">
 
<div id="pass" class="pass">PASS YOUR MOUSE OVER HERE</div>
<div id="pass" class="pass">PASS YOUR MOUSE OVER HERE</div>
-
<div id="change" class="change"></div>
+
<div id="change" class="change">DIV TO CHANGE</div>
-
<div id="pass2" class="pass2">2PASS YOUR MOUSE OVER HERE</div>
+
-
<div id="change2" class="change2"></div>
+
-
</div>
+
</body>
</body>
</html>
</html>

Revision as of 01:45, 26 September 2012

PASS YOUR MOUSE OVER HERE
DIV TO CHANGE