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">
<style type="text/css">
-
#labgallery
+
#demo
{
{
position:relative;
position:relative;
-
top:40px;
+
top:20px;
height:300px;
height:300px;
width:1000px;
width:1000px;
 +
}
 +
#demo img {
 +
height:300px;
 +
width:300px;
 +
}
 +
#indemo {
 +
float: left;
 +
width: 800%;
 +
}
 +
#demo1 {
 +
float: left;
 +
}
 +
#demo2 {
 +
float: left;
}
}
#footer-box
#footer-box
Line 33: Line 51:
<div id="content1">
<div id="content1">
-
<div id="labgallery" >
+
<div id="demo">
-
一个滚动的相片集
+
<div id="indemo">
-
<img id="rotate1" class="team_images" src="/wiki/images/0/02/WHU-China_logo.png"/>
+
<div id="demo1">
-
</div>  
+
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
 +
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
 +
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
 +
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
 +
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
 +
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
 +
</div>
 +
<div id="demo2"></div>
 +
</div>
 +
</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 id="preview_images">
<div id="preview_images">

Revision as of 13:14, 22 September 2011

很多相片构成的整体
Count Down

days

hours

minutes

seconds

Visitor

Retrieved from "http://2011.igem.org/Team:WHU-China/Team/Gallary"