Team:IIT Madras
From 2011.igem.org
(Difference between revisions)
Line 8: | Line 8: | ||
$("#vector").fadeOut().delay(600).fadeIn(1000).fadeOut(1000).fadeIn(1000); | $("#vector").fadeOut().delay(600).fadeIn(1000).fadeOut(1000).fadeIn(1000); | ||
+ | var i=0; | ||
+ | for(i=0;i<3;i++){ | ||
+ | $("#block1").show().delay(1000).hide(); | ||
+ | $("#block2").show().delay(1000).hide(); | ||
+ | $("#block3").show().delay(1000).hide(); | ||
+ | $("#block4").show().delay(1000).hide(); | ||
+ | $("#block5").show().delay(1000).hide(); | ||
+ | $("#block6").show().delay(1000).hide(); | ||
+ | $("#block7").show().delay(1000).hide(); | ||
+ | $("#block8").show().delay(1000).hide(); | ||
+ | $("#block9").show().delay(1000).hide(); | ||
+ | } | ||
$("#block1_launch").hover(function(){ | $("#block1_launch").hover(function(){ | ||
Line 255: | Line 267: | ||
display:none; | display:none; | ||
} | } | ||
+ | |||
+ | .title{display:none;} | ||
</style> | </style> | ||
</head> | </head> | ||
Line 266: | Line 280: | ||
<div id="main_container" align="center" style="position:relative; top:-50px;"> | <div id="main_container" align="center" style="position:relative; top:-50px;"> | ||
- | <img id="prex" src="https://static.igem.org/mediawiki/2011/2/2d/Plasmid_name.png" width="150px" height="33px" style="position:relative; top:0px; left:190px; z-index:4;"/> | + | <img id="prex" src="https://static.igem.org/mediawiki/2011/2/2d/Plasmid_name.png" width="150px" height="33px" style="position:relative; top:0px; left:190px; z-index:4; display:none"/> |
<img id="vector" src="https://static.igem.org/mediawiki/2011/a/a9/Plasmid.png" width="279px" height="294px" style="position:relative; top:-15px; left:-28px;"/> | <img id="vector" src="https://static.igem.org/mediawiki/2011/a/a9/Plasmid.png" width="279px" height="294px" style="position:relative; top:-15px; left:-28px;"/> | ||
Line 301: | Line 315: | ||
</div> | </div> | ||
- | <p id="overview" style="position:absolute; top:120px;left:360px;">Overveiw</p> | + | <p class="title" id="overview" style="position:absolute; top:120px;left:360px;">Overveiw</p> |
- | <p id="project" style="position:absolute; top:90px;left:530px;">Project</p> | + | <p class="title" id="project" style="position:absolute; top:90px;left:530px;">Project</p> |
- | <p id="parts" style="position:absolute; top:140px;left:610px;">Parts</p> | + | <p class="title" id="parts" style="position:absolute; top:140px;left:610px;">Parts</p> |
- | <p id="scribbles" style="position:absolute; top:210px;left:650px;">Scribbles</p> | + | <p class="title" id="scribbles" style="position:absolute; top:210px;left:650px;">Scribbles</p> |
- | <p id="modelling" style="position:absolute; top:320px;left:630px;">Modelling</p> | + | <p class="title" id="modelling" style="position:absolute; top:320px;left:630px;">Modelling</p> |
- | <p id="about_us" style="position:absolute; top:400px;left:480px;">About Us</p> | + | <p class="title" id="about_us" style="position:absolute; top:400px;left:480px;">About Us</p> |
- | <p id="safety" style="position:absolute; top:342px;left:360px;">Safety</p> | + | <p class="title" id="safety" style="position:absolute; top:342px;left:360px;">Safety</p> |
- | <p id="human" style="position:absolute; top:280px;left:270px;">Human Practices</p> | + | <p class="title" id="human" style="position:absolute; top:280px;left:270px;">Human Practices</p> |
- | <p id="attributions" style="position:absolute; top:190px;left:300px;">Attributions</p> | + | <p class="title" id="attributions" style="position:absolute; top:190px;left:300px;">Attributions</p> |
<!--<div id="sponors" style=" width:100%; height:100px; position:relative; top:200px; "> | <!--<div id="sponors" style=" width:100%; height:100px; position:relative; top:200px; "> |
Revision as of 22:52, 3 October 2011
Overveiw
Project
Parts
Scribbles
Modelling
About Us
Safety
Human Practices
Attributions
(Hover on the different parts to know more. Click on the part to visit the respective page)