Team:Tsinghua-E/Template

From 2013.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:Tsinghua-E/Template}}
+
<html>
 +
<style type="text/css">
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
#totop{
-
<head>
+
  position: fixed;
-
<style type="text/css">
+
  bottom: 15px;
-
#content{height:700px;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9EBFD7,endColorStr=#EBF2F7);}
+
  right: 15px;}
-
#catlinks{display:none}
+
#totop li
-
#area1 {
+
{
-
position:absolute;
+
  width: 100px;
-
left:20px;
+
  height: 106px;
-
top:111px;
+
  padding: 0;
-
width:937px;
+
  overflow: hidden;
-
height:428px;
+
  display: block;
-
overflow: hidden;
+
  float: left;
-
background-color:none;border:0px;
+
}
}
 +
</style>
 +
<div>
 +
<ul id="totop">
 +
  <li onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" onclick="NaviTotop();">   
 +
    <img src="/wiki/images/a/a3/Flytotop.png" alt="Totop" />
 +
  </li>
 +
</ul>
 +
</div>
-
#area2 {
+
<script type="text/javascript" >
-
position:absolute;
+
var PageScrollElem,PageScrollBody;
-
left:0px;
+
var PageScrollHand=null;
-
top:600px;
+
function PageScrollTotop()
-
width:975px;
+
{
-
height:500px;
+
  PageScrollElem = PageScrollElem * 0.7 - 0.5;
-
z-index:2;
+
  PageScrollBody = PageScrollBody * 0.7 - 0.5;
-
background-color: #CCFF66;
+
  if (PageScrollElem<=0)
-
overflow: hidden;
+
  {
 +
    PageScrollElem=0;
 +
  }
 +
  if (PageScrollBody<=0)
 +
  {
 +
    PageScrollBody=0;
 +
  }
 +
  if (PageScrollElem<=0){
 +
  if (PageScrollBody<=0){
 +
    PageScrollHand = null;
 +
  }}
 +
  if (PageScrollBody>0 || PageScrollElem>0)
 +
  {
 +
    PageScrollHand = setTimeout(PageScrollTotop,50);
 +
  }
 +
  document.documentElement.scrollTop=PageScrollElem;
 +
  document.body.scrollTop=PageScrollBody;
}
}
-
#area3 {
+
function NaviTotop()
-
position:absolute;
+
{
-
left:0px;
+
  PageScrollElem=document.documentElement.scrollTop;
-
top:1110px;
+
  PageScrollBody=document.body.scrollTop;
-
width:975px;
+
  PageScrollTotop();
-
height:140px;
+
-
z-index:3;
+
-
background-color: #999999;
+
-
overflow: hidden;
+
}
}
-
.partx {position:relative;height：149px;width;149px; top:0px;left:0px;float:left;}
+
</script>
-
.partx span {display:none}
+
</html>
-
.partx:hover span {z-index:50;position:absolute;filter:alpha(opacity=80);-moz-opacity:0.5;opacity: 0.5;background-color:#d1f2ff;height:150px;width:233px;display:block;top:-2px;left:-42px;font-size:200%;font-color:#000000}
+
 +
{{Team:Tsinghua-E/Template}}
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<style type="text/css">
 +
#content{height:3800px;}
 +
p{font-size:120%}
 +
.memberx {position:absolute;top:60px;left:5px;height：215px;width;300px;}
 +
.memberx span{z-index:50;position:relative;width:453px;display:block;top:-215px;left:305px;color:#000000}
</style>
</style>
-
</head>
 
-
 
-
</div>
 
-
<div id="area1">
 
-
<img src="/wiki/images/d/d1/3_evolution_wsc.png">
 
-
</div>
 
-
 
-
<div style="position:absolute;left:20px;top:565px">
 
-
<img src="/wiki/images/9/96/Sline.png">
 
-
</div>
 
-
<div style="position:absolute;left:254px;top:565px">
 
-
<img src="/wiki/images/9/96/Sline.png">
 
-
</div>
 
-
<div style="position:absolute;left:487px;top:565px">
 
-
<img src="/wiki/images/9/96/Sline.png">
 
-
</div>
 
-
<div style="position:absolute;left:720px;top:565px">
 
-
<img src="/wiki/images/9/96/Sline.png">
 
-
</div>
 
-
<div style="position:absolute;right:20px;top:565px">
 
-
<img src="/wiki/images/9/96/Sline.png">
 
-
</div>
 
-
<div style="position:absolute;left:63px;top:546px">
+
<div class="tmc" style="height:3685px;">
-
<a class=partx href="#">
+
-
  <span>222222</span>
+
-
  <img src="/wiki/images/8/8d/4_1s.png">
+
-
</a>
+
</div>
</div>
-
<div style="position:absolute;left:297px;top:546px">
+
<div class="neirong" style="height:3665px;">
-
<a class=partx href="#">
+
<h2>Animation of THU-E iGEM2013 Program</h2>
-
  <span>222222</SPAN>
+
<div align="center">
-
  <img src="/wiki/images/8/88/4_2s.png">
+
<h2>Game</h2>
-
</a>
+
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://tsinghua.hdskjz.com/UploadFile/20130926013202.swf" width="800" height="598" play="true" loop="true" menu="true">
 +
<h2>Film tudou</h2>
 +
<iframe src="http://www.tudou.com/programs/view/html5embed.action?code=xnu4HoUwSKE&resourceId=106592079_06_05_99" allowtransparency="true" scrolling="no" border="0" frameborder="0" style="width:720px;height:576px;"></iframe>
 +
<br/><br/>
 +
<h2>Outtakes youtube</h2>
 +
<iframe type="text/html" width="600" height="338" src="http://www.youtube.com/embed/3fGJitbrLjw" frameborder="0" allowfullscreen>
 +
</iframe>
 +
<h2>Film youtube</h2>
 +
<iframe type="text/html" width="720" height="576" src="http://www.youtube.com/embed/xiQzCoY7VCA" frameborder="0" allowfullscreen>
</div>
</div>
-
<div style="position:absolute;left:530px;top:546px">
 
-
<a class=partx href="#">
 
-
  <span>222222</SPAN>
 
-
  <img src="/wiki/images/7/7f/4_3s.png">
 
-
</a>
 
</div>
</div>
-
<div style="position:absolute;left:763px;top:546px">
 
-
<a class=partx href="#">
 
-
  <span>222222</SPAN>
 
-
  <img src="/wiki/images/1/15/4_4s.png">
 
-
</a>
 
</div>
</div>
 +
</html>

Latest revision as of 18:39, 27 September 2013

  • Totop

  • Totop






Animation of THU-E iGEM2013 Program

Game

Film tudou



Outtakes youtube

Film youtube