Team:Imperial College/Templates/Navigation2

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>University of East Anglia-JIC</title> <script type="text/javascript"><!-- var...")
Line 1: Line 1:
<html>
<html>
-
<head>
 
-
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 
-
    <title>University of East Anglia-JIC</title>
 
-
 
-
 
-
<script type="text/javascript"><!--
 
-
var delay=7000
 
-
var ie4=document.all
 
-
var curindex=0
 
-
var totalcontent=0
 
-
function get_total(){
 
-
if (ie4){
 
-
while (eval("document.all.content"+totalcontent))
 
-
totalcontent++
 
-
}
 
-
else{
 
-
while (document.getElementById("content"+totalcontent))
 
-
totalcontent++
 
-
}
 
-
}
 
-
function contract_all(){
 
-
for (y=0;y<totalcontent;y++){
 
-
if (ie4)
 
-
eval("document.all.content"+y).style.display="none"
 
-
else
 
-
document.getElementById("content"+y).style.display="none"
 
-
}
 
-
}
 
-
function expand_one(which){
 
-
contract_all()
 
-
if (ie4)
 
-
eval("document.all.content"+which).style.display=""
 
-
else
 
-
document.getElementById("content"+which).style.display=""
 
-
}
 
-
function rotate_content(){
 
-
get_total()
 
-
contract_all()
 
-
expand_one(curindex)
 
-
curindex=(curindex<totalcontent-1)? curindex+1: 0
 
-
setTimeout("rotate_content()",delay)
 
-
}
 
-
window.onload=rotate_content
 
-
//--></script>
 
-
</head>
 
-
 
-
<style>
 
-
body{
 
-
background-color: #0B0719;
 
-
font: 11px Arial;
 
-
color: #FFFFFF;
 
-
padding: 5px 5px 5px 5px;
 
-
    }
 
-
 
-
b{
 
-
color: #FFFFFF;
 
-
}
 
-
 
-
.heading{
 
-
color: #000;
 
-
font: 14px century gothic;
 
-
padding: 5px 5px 2px 5px;
 
-
font-weight: bold;
 
-
}
 
-
 
-
.titlebg{
 
-
position: absolute;
 
-
top: 0px;
 
-
background-color: #000;
 
-
width: 965px;
 
-
height: 50px;
 
-
  /* for IE */
 
-
  filter:alpha(opacity=60);
 
-
  /* CSS3 standard */
 
-
  opacity:0.6;
 
-
z-index:3;
 
-
      }
 
-
 
-
.title{
 
-
position: absolute;
 
-
top: 0px;
 
-
float: left;
 
-
font: 35px Trebuchet MS;
 
-
color: #FFF;
 
-
padding-top: 5px;
 
-
padding-left: 10px;
 
-
z-index: 4;
 
-
      }
 
-
 
-
.header{
 
-
z-index: 1;
 
-
position: relative;
 
-
top: 0px;
 
-
height: 293px;
 
-
    }
 
-
 
-
.menu{
 
-
z-index: 5;
 
-
position: relative;
 
-
top: 220px;
 
-
font: 18px Trebuchet MS;
 
-
text-align: center;
 
-
          }
 
-
</style>
 
-
 
-
<body bgcolor="#FFFFFF">
 
-
<body align:center>
 
-
 
-
 
-
 
-
<div class="header">
 
-
<div class="titlebg">
 
-
</div>
 
-
<div class="title">
 
-
UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE
 
-
</div>
 
-
<div id="content0" style="display:none">
 
-
<img src="https://static.igem.org/mediawiki/2011/0/03/Ziggurats_for_banner.jpg" width="965px" height="293px" border="0"></div>
 
-
<div id="content1" style="display:none">
 
-
<img src="https://static.igem.org/mediawiki/2011/d/db/JIC_AERIAL_VIEW_BANNER.jpg" width="965px" height="293px" border="0"></div>
 
-
<div id="content2" style="display:none">
 
-
<img src="https://static.igem.org/mediawiki/2011/0/09/CHLAMY_BANNER.jpg" width="965px" height="293px" border="0">
 
-
</div>
 
-
<div id="content3" style="display:none">
 
-
<img src="https://static.igem.org/mediawiki/2011/d/db/Fountain_border.jpg" width="965px" height="293px" border="0">
 
-
</div>
 
-
<div id="content4" style="display:none">
 
-
<img src="https://static.igem.org/mediawiki/2011/0/05/Physcomitrella_P.jpg " width="965px" height="293px" border="0">
 
-
</div>
 
-
 
-
</div>
 
-
</div>
 
-
 
-
 
-
 
<script type="text/javascript"
<script type="text/javascript"

Revision as of 23:28, 16 August 2013