"
Team:XMU-China/index
From 2012.igem.org
(Difference between revisions)
| (3 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | + | {{Team:XMU-China/titlebar}} | |
| + | |||
| + | |||
| + | |||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
| - | <script> | + | <title>无标题文档</title> |
| + | <style type="text/css"> | ||
| + | #PhotoDescription div { | ||
| + | color: #FFF; | ||
| + | overflow:hidden; | ||
| + | width:250px;height:200px; | ||
| + | position:relative; | ||
| + | left:25px; | ||
| + | top:25px; | ||
| + | |||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | <table width="900" border="0" cellspacing="0" cellpadding="0"> | ||
| + | <caption> | ||
| + | </caption> | ||
| + | <tr> | ||
| + | |||
| + | |||
| + | <!--photos --> | ||
| + | <td width="610" height="253"><div id="photo"> | ||
| + | <script> | ||
var widths=612; | var widths=612; | ||
var heights=253; | var heights=253; | ||
| Line 48: | Line 74: | ||
change_img(); | change_img(); | ||
</script> | </script> | ||
| - | </body> | + | </div></td> |
| - | + | <!--photos --> | |
| + | |||
| + | <!--description --> | ||
| + | <td width="290" height="253" bgcolor="#FC49B4"><div id="PhotoDescription" > | ||
| + | <script type="text/javascript"> | ||
| + | var tc; | ||
| + | window.onload=function(){ | ||
| + | var o=document.getElementById('wwwzzjsnet');hscroll(o); | ||
| + | window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},2000); | ||
| + | } | ||
| + | function scrollup(o,d,c){ | ||
| + | if(d==c){ | ||
| + | var t=o.firstChild.cloneNode(true); | ||
| + | o.removeChild(o.firstChild);o.appendChild(t); | ||
| + | t.style.marginTop=o.firstChild.style.marginTop='0px'; | ||
| + | hscroll(o); | ||
| + | } | ||
| + | else{ | ||
| + | ch=false;var s=3,c=c+s,l=(c>=d?c-d:0); | ||
| + | o.firstChild.style.marginTop=-c+l+'px'; | ||
| + | window.setTimeout(function(){scrollup(o,d,c-l)},50); | ||
| + | } | ||
| + | } | ||
| + | function hscroll(o){ | ||
| + | var w1=o.firstChild.offsetWidth,w2=o.offsetWidth; | ||
| + | if(w1<=w2)return; | ||
| + | tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2)},3500); | ||
| + | } | ||
| + | function hs(o,d,c,p){ | ||
| + | c++;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t+'px'; | ||
| + | if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},2500);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},3500);} | ||
| + | else tc=window.setTimeout(function(){hs(o,d,c,p)},5); | ||
| + | } | ||
| + | </script> | ||
| + | </head> | ||
| + | <body> | ||
| + | <div id="wwwzzjsnet"><div>一号标题</div><div>二号标题</div><div>三号标题</div><div>四号标题</div><div>五号标题</div><div>六号标题</div></div> | ||
| + | </div></td> | ||
| + | <!--description --> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </body> | ||
</html> | </html> | ||
Latest revision as of 12:29, 22 August 2012
 |  |
 |  |
一号标题 二号标题 三号标题 四号标题 五号标题 六号标题 |
