Team:WHU-China/Team/Gallary
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <html | + | <html> |
<head> | <head> | ||
- | < | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> |
- | < | + | <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> |
- | < | + | <script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script> |
- | < | + | <style type="text/css"> |
+ | #countdown | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
+ | #visit | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
+ | #demo | ||
+ | { | ||
+ | position:relative; | ||
+ | top:15px; | ||
+ | height:260px; | ||
+ | width:1000px; | ||
+ | left:0px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #demo img { | ||
+ | top:20px; | ||
+ | height:260px; | ||
+ | width:300px; | ||
+ | } | ||
+ | #indemo { | ||
+ | float: left; | ||
+ | width: 800%; | ||
+ | } | ||
+ | #demo1 { | ||
+ | float: left; | ||
+ | } | ||
+ | #demo2 { | ||
+ | padding:0px 3px; | ||
+ | float: left; | ||
+ | } | ||
+ | #footer-box | ||
+ | { | ||
+ | position:absolute; | ||
+ | top:2000px; | ||
+ | } | ||
+ | .team_images img | ||
+ | { | ||
+ | |||
+ | height:280px; | ||
+ | } | ||
+ | #preview_images | ||
+ | { | ||
+ | position:relative; | ||
+ | top:20px; | ||
+ | background:transparent; | ||
+ | height:600px; | ||
+ | left:10px; | ||
+ | width:980px; | ||
+ | } | ||
#center { | #center { | ||
LEFT: 50%; POSITION: absolute; TOP: 50% | LEFT: 50%; POSITION: absolute; TOP: 50% | ||
Line 123: | Line 175: | ||
</SCRIPT> | </SCRIPT> | ||
- | <META content="MSHTML 6.00.6000.16809" name=GENERATOR | + | <META content="MSHTML 6.00.6000.16809" name=GENERATOR> |
- | + | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="content1"> | ||
+ | <div id="demo"> | ||
+ | <div id="indemo"> | ||
+ | <div id="demo1"> | ||
+ | <a ><img src="/wiki/images/e/e6/Whu-1.jpg" border="1" /></a> | ||
+ | <a ><img src="/wiki/images/f/f1/Whu-4-2.jpg" border="1" /></a> | ||
+ | <a ><img src="/wiki/images/c/c4/Whu-8.jpg" border="1" /></a> | ||
+ | <a ><img src="/wiki/images/f/f6/Whu-10.jpg" border="1" /></a> | ||
+ | <a ><img src="/wiki/images/6/69/Whu-13.jpg" border="1" /></a> | ||
+ | <a ><img src="/wiki/images/e/e1/Whu-18.jpg" border="1" /></a> | ||
+ | <a><img src="/wiki/images/4/42/Whu-32.jpg" border="1" /></a> | ||
+ | <a ><img src="/wiki/images/f/fc/Whu-43.jpg" border="1" /></a> | ||
+ | <a ><img src="/wiki/images/a/a8/Whu-61.jpg" border="1" /></a> | ||
+ | <a><img src="/wiki/images/5/57/Whu-47.jpg" border="1" /></a> | ||
+ | </div> | ||
+ | <div id="demo2"></div> | ||
+ | <script> | ||
+ | var speed=20; | ||
+ | var tab=document.getElementById("demo"); | ||
+ | var tab1=document.getElementById("demo1"); | ||
+ | var tab2=document.getElementById("demo2"); | ||
+ | tab2.innerHTML=tab1.innerHTML; | ||
+ | function Marquee(){ | ||
+ | if(tab.scrollLeft<=0) | ||
+ | tab.scrollLeft+=tab2.offsetWidth | ||
+ | else{ | ||
+ | tab.scrollLeft--; | ||
+ | } | ||
+ | } | ||
+ | var MyMar=setInterval(Marquee,speed); | ||
+ | tab.onmouseover=function() {clearInterval(MyMar)}; | ||
+ | tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; | ||
+ | |||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="#preview_images"> | ||
<DIV id=center> | <DIV id=center> | ||
<DIV id=DHTMLBOOK><SPAN class=page onMouseDown="return false;" ondblclick=TPL(); onclick=TPL();><IMG class=img></SPAN> | <DIV id=DHTMLBOOK><SPAN class=page onMouseDown="return false;" ondblclick=TPL(); onclick=TPL();><IMG class=img></SPAN> | ||
Line 133: | Line 224: | ||
<DIV id=TXTBOX></DIV></DIV></DIV> | <DIV id=TXTBOX></DIV></DIV></DIV> | ||
<DIV id=imgsrc style="VISIBILITY: hidden"> | <DIV id=imgsrc style="VISIBILITY: hidden"> | ||
- | <IMG alt="In the early morning he departed." src=" | + | <IMG alt="In the early morning he departed." src="/wiki/images/e/e6/Whu-1.jpg"> |
- | <IMG alt="Believing she had dreamed of the roar of his bike," src=" | + | <IMG alt="Believing she had dreamed of the roar of his bike," src="/wiki/images/f/f1/Whu-4-2.jpg"> |
- | <IMG alt="she woke up to the sunshine in her eyelids." src=" | + | <IMG alt="she woke up to the sunshine in her eyelids." src="/wiki/images/c/c4/Whu-8.jpg"> |
+ | <IMG alt="2" src="/wiki/images/f/f6/Whu-10.jpg"> | ||
+ | <IMG alt="3" src="/wiki/images/6/69/Whu-13.jpg"> | ||
</DIV> | </DIV> | ||
- | </ | + | |
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> | ||
+ | {{WHUcss}} |
Revision as of 17:55, 2 October 2011