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

bar

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)