From 2012.igem.org
(Difference between revisions)
|
|
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("Mouse Hover");
| + | |
- | },
| + | |
- | function () {
| + | |
- | $(".change").text("DIV TO CHANGE");
| + | |
- | }
| + | |
- | );
| + | |
- | });
| + | |
- | </script>
| + | |
- | <style type="text/css">
| + | |
- | #project_flow{
| + | |
- | position:absolute;
| + | |
- | z-index:0;
| + | |
- | width:980;
| + | |
- | height:400;
| + | |
- | }
| + | |
- |
| + | |
- | #pass{
| + | |
- | position:absolute;
| + | |
- | z-index:5;
| + | |
- | top:0%;
| + | |
- | left:0%;
| + | |
- | }
| + | |
- | #change{
| + | |
- | position:absolute;
| + | |
- | z-index:5;
| + | |
- | top:30%;
| + | |
- | left:30%;
| + | |
- | font:Verdana;
| + | |
- | font-size: medium;
| + | |
- | color:#1d1d1b;
| + | |
- | }
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div id="project_flow">
| + | |
- |
| + | |
- | <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="change" class="change">DIV TO CHANGE</div>
| + | |
- | </div>
| + | |
- | </body>
| + | |
- | </html>
| + | |
Latest revision as of 02:44, 26 September 2012