Template:SCU-head

From 2013.igem.org

(Difference between revisions)
 
(109 intermediate revisions not shown)
Line 1: Line 1:
 +
<div style="background:rgb(164,212,171)">
<html>
<html>
 +
<!--<html><div id="SCU1"><ul style="font-family:Verdana;;">
 +
<li><a href="https://2013.igem.org/Team:SCU_China/SCU-Results"><span style=" color:red;font-weight:bold;
 +
font-size:20px;width:290px; text-align: center;font-size: small;">Click here to see RESULTS of Our Team</span></a></li></ul></div>-->
<head>
<head>
<style type="text/css">
<style type="text/css">
body, input {
body, input {
-
      font-size="14px";
+
font-family:Times New Roman;
-
    font-family="calibri"; background-color="transparent"
+
      font-size:14px;
 +
background-color:transparent;
}
}
 
 
-
 
</style>
</style>
<title>Animation</title>
<title>Animation</title>
Line 13: Line 17:
<body>
<body>
-
<span style="display:none">
+
<div ><img src="https://static.igem.org/mediawiki/2013/3/36/SCU-head2.png" width=965px; align=center;></div>
-
<img src="https://static.igem.org/mediawiki/2013/3/37/SCU-head-1b.jpg">
+
-
<img src="https://static.igem.org/mediawiki/2013/f/f7/SCU-head-2.jpg">
+
-
<img src="https://static.igem.org/mediawiki/2013/f/fb/SCU-head-3.jpg">
+
-
<img src="https://static.igem.org/mediawiki/2013/7/72/SCU-head-4.jpg">
+
-
</span>
+
-
 
+
-
<img name="MainImage" src="https://static.igem.org/mediawiki/2013/3/37/SCU-head-1b.jpg" border="0">
+
-
<script language="javascript">
+
-
img1= new Image();
+
-
img1.src="https://static.igem.org/mediawiki/2013/3/37/SCU-head-1b.jpg";
+
-
img2= new Image();
+
-
img2.src="https://static.igem.org/mediawiki/2013/f/f7/SCU-head-2.jpg";
+
-
img3= new Image();
+
-
img3.src="https://static.igem.org/mediawiki/2013/f/fb/SCU-head-3.jpg";
+
-
img4= new Image();
+
-
img4.src="https://static.igem.org/mediawiki/2013/7/72/SCU-head-4.jpg";
+
-
 
+
-
 
+
-
imgarray = new Array(4);
+
-
imgarray[1] = new Image();
+
-
imgarray[1].src = "https://static.igem.org/mediawiki/2013/3/37/SCU-head-1b.jpg";
+
-
imgarray[2] = new Image();
+
-
imgarray[2].src = "https://static.igem.org/mediawiki/2013/f/f7/SCU-head-2.jpg";
+
-
imgarray[3] = new Image();
+
-
imgarray[3].src = "https://static.igem.org/mediawiki/2013/f/fb/SCU-head-3.jpg";
+
-
imgarray[4] = new Image();
+
-
imgarray[4].src = "https://static.igem.org/mediawiki/2013/7/72/SCU-head-4.jpg";
+
-
var timeoutValue = 3500;
+
-
var animDelay = 2000;
+
-
var numOfImages = 4;
+
-
 
+
-
</script>
+
-
 
+
-
 
+
-
 
+
-
<script language="javascript">
+
-
var imageIndex = 0;
+
-
var timeoutID = 0;
+
-
var playMode = 1;
+
-
 
+
-
 
+
-
function animImageInc()
+
-
{
+
-
if (imageIndex < numOfImages)
+
-
imageIndex++
+
-
else
+
-
imageIndex = 1;
+
-
}
+
-
 
+
-
function animImageDec()
+
-
{
+
-
if (imageIndex > 1)
+
-
imageIndex--;
+
-
else
+
-
imageIndex = numOfImages;
+
-
}
+
-
 
+
-
function setCurrImage()
+
-
{
+
-
document.MainImage.src = imgarray[imageIndex].src;
+
-
}
+
-
 
+
-
function updateAnim()
+
-
{
+
-
var currTimeoutValue;
+
-
+
-
currTimeoutValue = timeoutValue;
+
-
 
+
-
if (playMode == 1)
+
-
{
+
-
animImageInc();
+
-
if (imageIndex == numOfImages)
+
-
currTimeoutValue += animDelay;
+
-
}
+
-
else
+
-
{
+
-
animImageDec();
+
-
if (imageIndex == 1)
+
-
currTimeoutValue += animDelay;
+
-
}
+
-
setCurrImage();
+
-
timeoutID = setTimeout("updateAnim()", currTimeoutValue);
+
-
}
+
-
 
+
-
function clearLastUpdate()
+
-
{
+
-
clearTimeout(timeoutID);
+
-
timeoutID = 0;
+
-
}
+
-
 
+
-
function startPlay()
+
-
{
+
-
clearLastUpdate();
+
-
playMode = 1;
+
-
updateAnim();
+
-
}
+
-
 
+
-
function startPlayReverse()
+
-
{
+
-
clearLastUpdate();
+
-
playMode = 2;
+
-
updateAnim();
+
-
}
+
-
 
+
-
 
+
-
updateAnim();
+
-
 
+
-
</script>
+
</body>
</body>
Line 142: Line 38:
}
}
 +
#catlinks {display:none; background-color:transparent}
-
     body {
+
 
-
margin:0;
+
     body { margin:0;
padding:0;
padding:0;
-
font: calibri;
+
font:calibri ;border:none;
}
}
 +
table
 +
{background-color:rgb(209,255,218);
 +
      }
 +
#toc,toc {background-color:transparent; border:0px;table-align:center; text-align:top;}
-
 
+
     #SCU {background-color:rgb(222,222,174);
-
     #SCU {background-color:red;
+
       float:left;
       float:left;
       width:100%;
       width:100%;
-
       font-size:100%;
+
       font-size:70%;
-
  border-bottom:1px solid #F45551;
+
      line-height:normal;
-
      line-height:normal;
+
-
align=center;
+
       }
       }
     #SCU ul {
     #SCU ul {
Line 172: Line 70:
     #SCU a {
     #SCU a {
       float:left;
       float:left;
-
   
+
          margin:0;
-
      margin:0;
+
       padding:0 0 0 0;
       padding:0 0 0 0;
       text-decoration:none;
       text-decoration:none;
Line 180: Line 77:
       float:left;
       float:left;
       display:block;
       display:block;
-
       background:url("https://static.igem.org/mediawiki/2013/c/c2/SCU-bar.gif") no-repeat right top;
+
       background:url("https://static.igem.org/mediawiki/2013/d/d7/SCU-bar3.jpg") no-repeat right top;
-
     padding:5px 0px 4px 0px;      color:#FFF;
+
     padding:5px 0px 4px 0px;      color:#322130;
       }
       }
Line 188: Line 85:
     /* End IE5-Mac hack */
     /* End IE5-Mac hack */
     #SCU a:hover span {
     #SCU a:hover span {
-
       color:#FFF;
+
       color:grey;
       }
       }
     #SCU a:hover {
     #SCU a:hover {
-
       background-position:0% -42px;
+
       background-position:0% ;     }
-
      }
+
     #SCU a:hover span {
     #SCU a:hover span {
-
       background-position:100% -42px;
+
       background-position:100% -45px;
       }
       }
       #SCU #current a {
       #SCU #current a {
-
       background-position:0% -42px;
+
       background-position:0% -45px;
       }
       }
       #SCU #current a span {
       #SCU #current a span {
-
       background-position:100% -42px
+
       background-position:100% -45px
 +
      }
 +
#SCU a.this span {
 +
      float:left;
 +
      display:block;
 +
      background:url("https://static.igem.org/mediawiki/2013/d/d7/SCU-bar3.jpg") no-repeat right bottom;
 +
    padding:5px 0px 4px 0px;      color:grey;
 +
 
       }
       }
-
+
    #SCU1 {background-color:rgb(222,222,174);
 +
      float:left;
 +
      width:100%;
 +
      font-size:70%;
 +
      line-height:normal;
 +
      }
 +
    #SCU1 ul {
 +
  margin:0;
 +
  padding:0px 0px 0px 47px;
 +
      }
 +
    #SCU1 li {
 +
      display:inline;
 +
      margin:0;
 +
      padding:0;
 +
   
 +
      }
 +
    #SCU1 a {
 +
      float:left;
 +
          margin:0;
 +
      padding:0 0 0 0;
 +
      text-decoration:none;
 +
      }
 +
    #SCU1 a span {
 +
      float:left;
 +
      display:block;
 +
      background:url("https://static.igem.org/mediawiki/2013/d/d7/SCU-bar3.jpg") no-repeat right top;
 +
    padding:5px 0px 4px 0px;      color:#322130;
 +
          }
 +
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 +
    #SCU1 a span {float:none;}
 +
    /* End IE5-Mac hack */
 +
    #SCU1 a:hover span {
 +
      color:grey;
 +
      }
 +
    #SCU1 a:hover {
 +
      background-position:0% ;      }
 +
        }
 +
 
</style>
</style>
</head>
</head>
-
 
-
<body>
 
-
<div id="SCU";> 
 
-
<ul style="font-family:calibri;" align="center";>
 
-
<!-- CSS Tabs -->
 
-
<!-- CSS Tabs -->
 
-
<li><a href="https://2013.igem.org/Team:SCU_China"><span style="width:90px; text-align: center;font-size: medium;">Home</span></a></li>
 
-
<li><a href="https://2013.igem.org/Team:SCU_China/Team"><span style="width:90px;text-align: center;font-size: small;">Team</span></a></li>
 
-
<li><a href="https://2013.igem.org/Team:SCU_China/Project"><span style="width:90px;text-align: center;font-size: small;">Project</span></a></li>
 
-
<li><a href="https://2013.igem.org/Team:SCU_China/Modeling"><span style="width:100px;text-align: center;font-size: small;">Modeling</span></a></li>
 
-
<li><a href="https://2013.igem.org/Team:SCU_China/Parts"><span style="width:100px;text-align: center;font-size: small;">Parts</span></a></li>
 
-
<li><a href="https://2013.igem.org/Team:SCU_China/Safety"><span style="width:100px;text-align: center;font-size: small;">Safety</span></a></li>
 
-
<li><a href="https://2013.igem.org/Team:SCU_China/Notebook"><span style="width:100px;text-align: center;font-size: small;">Notebook</span></a></li>
 
-
<li><a href="https://2013.igem.org/Team:SCU_China/Attributions"><span style="width:100px;text-align: center;font-size: small;">Attributions</span></a></li>
 
-
<li><a href="https://2013.igem.org/Main_Page"><span style="width:100px;text-align: center;font-size: small;">iGEM 2013</span></a></li>
 
-
 
-
 
-
</ul>
 
-
</div>
 
-
</body>
 
-
</html>
 

Latest revision as of 10:38, 27 October 2013

Animation

Retrieved from "http://2013.igem.org/Template:SCU-head"