|
|
| (40 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Team:IIT_Madras/Template:new_home}}
| |
| | | | |
| - | <html>
| |
| - | <head>
| |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
| |
| - | <script type="text/javascript">
| |
| - | jQuery( document ).ready( function( $ ) {
| |
| - |
| |
| - | $("#block1_launch").hover(function(){
| |
| - | $("#block1").fadeIn();
| |
| - | },
| |
| - | function(){
| |
| - | $("#block1").fadeOut();
| |
| - | });
| |
| - |
| |
| - | $("#block2_launch").hover(function(){
| |
| - | $("#block2").fadeIn();
| |
| - | },
| |
| - | function(){
| |
| - | $("#block2").fadeOut();
| |
| - | });
| |
| - |
| |
| - | $("#block3_launch").hover(function(){
| |
| - | $("#block3").fadeIn();
| |
| - | },
| |
| - | function(){
| |
| - | $("#block3").fadeOut();
| |
| - | });
| |
| - |
| |
| - | $("#block4_launch").hover(function(){
| |
| - | $("#block4").fadeIn();
| |
| - | },
| |
| - | function(){
| |
| - | $("#block4").fadeOut();
| |
| - | });
| |
| - |
| |
| - | $("#block5_launch").hover(function(){
| |
| - | $("#block5").fadeIn();
| |
| - | },
| |
| - | function(){
| |
| - | $("#block5").fadeOut();
| |
| - | });
| |
| - |
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - | <style>
| |
| - | #main_container{
| |
| - | width:100%;
| |
| - | }
| |
| - | #block1{
| |
| - | background:url('https://static.igem.org/mediawiki/2011/2/22/Block1.png') no-repeat;
| |
| - | position:absolute;
| |
| - | width:334px;
| |
| - | height:175px;
| |
| - | top:-33px;left:100px;
| |
| - | display:none;
| |
| - | }
| |
| - | #block2{
| |
| - | background:url('https://static.igem.org/mediawiki/2011/f/f0/Block2.png') no-repeat;
| |
| - | position:absolute;
| |
| - | width:524px;
| |
| - | height:271px;
| |
| - | top:-104px;left:452px;display:none;
| |
| - |
| |
| - | }
| |
| - | #block3{
| |
| - | background:url('https://static.igem.org/mediawiki/2011/b/b7/Block3.png') no-repeat;
| |
| - | position:absolute;
| |
| - | width:268px;
| |
| - | height:165px;
| |
| - | top:85px;left:630px;display:none;
| |
| - |
| |
| - | }
| |
| - | #block4{
| |
| - | background:url('https://static.igem.org/mediawiki/2011/0/06/Block4.png') no-repeat;
| |
| - | position:absolute;
| |
| - | width:391px;
| |
| - | height:329px;
| |
| - | top:150px;left:495px;display:none;
| |
| - |
| |
| - | }
| |
| - | #block5{
| |
| - | background:url('https://static.igem.org/mediawiki/2011/b/bb/Block5.png') no-repeat;
| |
| - | position:absolute;
| |
| - | width:414px;
| |
| - | height:472px;
| |
| - | top:26px;left:50px;display:none;
| |
| - |
| |
| - | }
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | <img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative;"/>
| |
| - | <div id="main_container" align="center" style="position:relative; top:35px;">
| |
| - |
| |
| - | <img id="vector" src="https://static.igem.org/mediawiki/2011/3/3c/Plasmid1.png" width="250px" height="250px" style="position:relative; top:30px;"/>
| |
| - | <div id="block1_launch" style="width:32px; height:35px; display:block; position:absolute; left:406px; top:54px; z-index:100;"></div>
| |
| - | <div id="block2_launch" style="width:120px; height:65px; display:block; position:absolute; left:483px; top:22px; z-index:100"></div>
| |
| - | <div id="block3_launch" style="width:23px; height:48px; display:block; position:absolute; left:596px; top:122px; z-index:100"></div>
| |
| - | <div id="block4_launch" style="width:121px; height:97px; display:block; position:absolute; left:496px; top:176px; z-index:100"></div>
| |
| - | <div id="block5_launch" style="width:90px; height:161px; display:block; position:absolute; left:397px; top:107px; z-index:100"></div>
| |
| - | <div id="logo" style="width:130px; height:150px; position:absolute; top:80px; left:435px; z-index:101;"></div>
| |
| - | <div id="block1"></div>
| |
| - | <div id="block2"></div>
| |
| - | <div id="block3"></div>
| |
| - | <div id="block4"></div>
| |
| - | <div id="block5"></div>
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
"
