Biomod/2012/HKBU/BU Magician:Team

From OpenWetWare
Jump to navigationJump to search

<html> <style> .container{background-color: #FFFFFF; margin-top:0px}

  1. column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}

.firstHeading {display:none; width:0px;}

  1. column-one {display:none; width:0px;background-color: #FFFFFF;}
  1. globalWrapper{width: 920px; background-color: #FFFFFF; margin-left: auto;margin-right: auto;

-moz-box-shadow: 0px 0px 15px #ccc; -webkit-box-shadow: 0px 0px 15px #ccc; box-shadow: 0px 0px 15px #ccc;}

  1. content{ margin: 0 0 0 0; align: center; padding: 12px 12px 12px 12px; width: 800px;background-color: #FFFFFF; border: 0;}
  2. bodyContent{ width: 800px; align: center; background-color: #FFFFFF;}
  3. column-content{width: 800px;background-color: #FFFFFF;}

<a href="">edit</a> </style> </html> <html xmlns="" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jOuery</title> <link rel="stylesheet" href="style.css" /> <style> .menu { height: 45px; display: block; } .menu ul { list-style: none; padding: 0; margin: 0; } .menu ul li { float: left; overflow: hidden; position: relative; text-align: center; line-height: 45px; } .menu ul li a { position: relative; display: block; width: 128px; height: 45px; font-family: Arial; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer; } .menu ul li a span { position: absolute; left: 0; width: 128px; } .menu ul li a span.out { top: 0px; } .menu ul li a span.over, .menu ul li a { top: -45px; }

  1. menu2 { background:#45A8DF; }
  2. menu2 ul li a { color:#FFF; }
  3. menu2 ul li a span.over { background: #A6DD00; color:#333; }
  4. menu2 ul li.nav1 a span.over { background: #fea274; }
  5. menu2 ul li.nav2 a span.over { background: #b0bbba; }
  6. menu2 ul li.nav3 a span.over { background: #a3f091; }
  7. menu2 ul li.nav4 a span.over { background: #86dbf9; }
  8. menu2 ul li.nav5 a span.over { background: #e0caf0; }
  9. menu2 ul li.nav6 a span.over { background: #9dace9; }
  10. menu2 ul li.nav7 a span.over { background: #FFE66F; }

</style> <script type="text/javascript" src=""></script> <script language="javascript"> $(document).ready(function() {

$("#menu2 li a").wrapInner( '<span class="out"></span>' );

$("#menu2 li a").each(function() { $('<span class="over">' + $(this).text() + '</span>' ).appendTo( this ); });

$("#menu2 li a").hover(function() { $(".out",this).stop().animate({'top':'45px'},200); $(".over",this).stop().animate({'top':'0px'},200);

}, function() { $(".out",this).stop().animate({'top':'0px'},200); $(".over",this).stop().animate({'top':'-45px'},200); });


</script> </head> <body> <div id="HEADER">

 <div id="menu2" class="menu" style="width: 897px">
     <li class="nav1"><a href="">Home</a></li>
     <li class="nav2"><a href="">Projects</a></li>
     <li class="nav3"><a href="">ResultS</a></li>
      <li class="nav7"><a href="">Methods</a></li>
     <li class="nav4"><a href="">Team</a></li>
     <li class="nav5"><a href="">Labook</a></li>
     <li class="nav6"><a href="">Extra</a></li>

</div> </body> </html> <html> <div style="padding: 10px; width: 877px; align:center;"> <h2><font face="trebuchet ms" size = "5.5px" style="color:#272727">Team</font></h2> <table border="0" bgcolor="#ffffff" bordercolor="#f5f5f5">

 <tr bgcolor="#ffffff" >
   <td width = "100px"></td>
   <td><img src="" width="650px" height = "400" /></td>

</table> <h2><font face="trebuchet ms" size = "5.5px" style="color:#272727">Members</font></h2> <table cellspacing="0" border="0" bgcolor="#ffffff" bordercolor="#f5f5f5">

 <tr bgcolor="#ffffff">
   <td><img src="" width="190px" height = "260" /></td>
   <td><img src="" width="190px" height = "260" /></td>
   <td><img src="" width="190px" height = "260" /></td>
   <td><img src="" width="190px" height = "260" /></td>

</table> <table> <tr>

  <td width = "30"></td>
  <td width="190">Dong NaiYu, Zita</td> <td width= "190">Zhao LiHan, Elvina</td> <td width= "190">Wang RunMin, Leo</td><td width= "150">Hua MuXin, Jupiter</td>

</tr> </table> <h2><font face="trebuchet ms" size = "5.5px" style="color:#272727">Graduate Mentor</font></h2> <table>

  <td><img src="" width="230px" height = "300"/></td>
  <td><img src="" width="350px" height = "300"/></td>

</table> <table>

  <td width = "70"></td>
  <td width="230">Cathy Lui</td> <td width= "300">Catherine Iu & Olivia Ng</td>

</table> <h2><font face="trebuchet ms" size = "5.5px" style="color:#272727">Falculty Mentor</font></h2> <table>

  <td><img src="" width="230px" height = "300"/></td>

</table> <table>

  <td width = "15"></td>
  <td width="190">Dr. Yue, Patrick Ying Kit</td>

</table> <h2><font face="trebuchet ms" size = "5.5px" style="color:#272727">Supervisor</font></h2> <table>

  <td><img src="" width="195px" height = "300"/></td>

</table> <table>

  <td width = "15"></td>
  <td width="190">Prof. Yung, Ken Kin Lam</td>

</table> </div> <a href="">edit</a> </html>