From 2012.igem.org
(Difference between revisions)
|
|
| (3 intermediate revisions not shown) |
| 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>
| |
Latest revision as of 02:44, 26 September 2012
"
