Team:UCLA/anuved verma ucla2014 workspace

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<html>
<html>
 +
<!--TOP NAVIGATION MENU BAR-->
<ul id = "menu">
<ul id = "menu">
<li><a href="/Team:UCLA">Home</a></li>
<li><a href="/Team:UCLA">Home</a></li>
Line 46: Line 47:
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"</a>
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"</a>
 +
<!--SIDE SPIDER ANIMATION-->
 +
<style type="text/css">
 +
#spider {
 +
    position:relative; //or whatever you need
 +
    display:block;
 +
    top:0px;
 +
    left:0px;
 +
}
 +
#spider img {
 +
    position:absolute;
 +
    opacity:0;
 +
}
 +
#spider #first {
 +
    opacity:1;
 +
}
 +
</style>
 +
 +
<h1>Run Gif.</h1>
 +
<h2 id="up">Move Gif Up.</h2>
 +
<h2 id="down">Move Gif Down.</h2>
 +
<!-- IMAGE SET -->
 +
<div id="spider">
 +
  <img id = "first" src="http://www.littlewebhut.com/javascript/variables/floatingball.gif">
 +
  <img src="http://www.littlewebhut.com/javascript/variables/eightball.gif">
 +
  <img src="http://www.littlewebhut.com/javascript/variables/redball.gif">
 +
</div>
</html>
</html>

Revision as of 00:22, 19 July 2014

Run Gif.

Move Gif Up.

Move Gif Down.