User:On7h33dg3

From 2012.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function()
 +
    {
 +
    $(".pass").hover(
 +
      function () {
 +
        $(".change").text("TEXT ON MOUSE HOVER");
 +
        },
 +
        function () {
 +
        $(".change").text("");
 +
        }
 +
        );
 +
    $(".pass2").hover(
 +
      function () {
 +
        $(".change2").text("TEXT ON MOUSE HOVER");
 +
        },
 +
        function () {
 +
        $(".change2").text("");
 +
        }
 +
        );
 +
    });
 +
</script>
 +
 +
<style type="text/css">
 +
#image{
 +
position:absolute;
 +
top:0%;
 +
left:0%;
 +
width:980;
 +
height:400;
 +
background-image: url(https://static.igem.org/mediawiki/2012/8/8e/Exe2012Freddie_Description.jpg);
 +
}
 +
 +
#pass{
 +
position:absolute;
 +
top:0%;
 +
left:0%;
 +
}
 +
#pass2{
 +
position:absolute;
 +
top:100%;
 +
left:100%;
 +
}
 +
#change{
 +
position:absolute;
 +
top:30%;
 +
left:30%;
 +
}
 +
#change2{
 +
position:absolute;
 +
top:60%;
 +
left:60%;
 +
}
 +
 +
 +
</style>
 +
 +
</head>
 +
 +
<body>
 +
<div id="image">
 +
<div id="pass" class="pass">PASS YOUR MOUSE OVER HERE</div>
 +
<div id="change" class="change"></div>
 +
<div id="pass2" class="pass2">2PASS YOUR MOUSE OVER HERE</div>
 +
<div id="change2" class="change2"></div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 01:08, 26 September 2012

PASS YOUR MOUSE OVER HERE
2PASS YOUR MOUSE OVER HERE