Team:Hong Kong HKUST

From 2013.igem.org

(Difference between revisions)
Line 6: Line 6:
$(document).ready(function()
$(document).ready(function()
   {
   {
-
   $("#box").mouseover(function(){
+
   $("#team1").mouseover(function(){
-
     $("#box").animate({width:"125px"});
+
     $("#team1").animate({width:"125px"});
   });
   });
-
   $("#box1").mouseleave(function(){
+
   $("#team2").mouseleave(function(){
-
     $("#box").animate({width:"250px"});
+
     $("#team1").animate({width:"250px"});
   });
   });
});
});
Line 17: Line 17:
<body>
<body>
-
<div id="box" style="background:#4498e9;height:180px;width:250px;">
+
<div id="team1" style="background:#4498e9;height:180px;width:250px;">
</div>
</div>
-
<div id="box1" style="background:#9bc6ee;height:180px;width:250px;">
+
<div id="team2" style="background:#9bc6ee;height:180px;width:250px;">
 +
</div>
 +
<div id="wetlab1" style="background:#EFF30B;height:180px;width:250px;">
 +
</div>
 +
<div id="wetlab2" style="background:#EDF035;height:180px;width:250px;">
</div>
</div>
-
<style>
+
<style type="text/css">
-
#box
+
#team1
{
{
position:absolute;
position:absolute;
Line 29: Line 33:
top:56px;
top:56px;
}
}
 +
#team2
 +
{
 +
position:absolute;
 +
left:5px;
 +
top:56px;
 +
}
 +
#wetlab1
 +
{
 +
position:absolute;
 +
left:5px;
 +
top:241px;
 +
}
 +
#wetlab2
 +
{
 +
position:absolute;
 +
left:5px;
 +
top:241px;
 +
}
 +
</style>
</style>
</body>
</body>
</html>
</html>

Revision as of 05:28, 24 June 2013