Team:Tianjin

From 2011.igem.org

(Difference between revisions)
Line 5: Line 5:
<html>
<html>
<head>
<head>
 +
<title>Untitled</title>
 +
<script type='text/javascript'>
 +
var roller=function(){
 +
return{
 +
init:function(el,ty,sx,ex,d,st){
 +
e=document.getElementById(el);if(!e){return;}a=e.getElementsByTagName("a");
 +
for(i=0;i<a.length;i++){
 +
if(!a[i].id){a[i].id=el.id+i;}
 +
a[i].n=a[i].o=sx;a[i].en=ex; a[i].ty=ty;
 +
if(a[i].ty=='v'){a[i].style.backgroundPosition = '0px '+a[i].n+'px';}
 +
else if(a[i].ty=='h'){a[i].style.backgroundPosition = a[i].n+'px 0px';}
 +
else{return;}
 +
a[i].onmouseover=roller.o;a[i].onmouseout=roller.o;
 +
a[i].st=Math.abs(Math.abs(ex-sx)/st);a[i].t=d/st;
 +
}
 +
},
 +
o:function(e){
 +
e=e||window.event;c=e.target!=null?e.target:e.srcElement;
 +
if(c.nodeName=='A')
 +
if(e.type=="mouseover"){
 +
c.w=c.en;roller.s(c);
 +
}
 +
else if(c.nodeName=='A'){c.w=c.o;roller.s(c);}
 +
},
 +
s:function(e){
 +
if(e.ti){clearTimeout(e.ti);}
 +
if(Math.abs(e.n-e.w)<e.st){e.n=e.w;}
 +
else if(e.n<e.w){e.n=e.n+e.st;}
 +
else if(e.n>e.w){e.n=e.n-e.st;}
 +
if(e.ty=='v'){e.style.backgroundPosition = '0px '+e.n+'px';}
 +
else{e.style.backgroundPosition = e.n+'px 0px';}
 +
if(e.n==e.w){clearTimeout(e.ti);return;}
 +
e.ti=setTimeout(function(){roller.s(e)}, e.t);
 +
}
 +
}
 +
}();
 +
</script>
<style type="text/css">
<style type="text/css">
div#global {
div#global {
Line 204: Line 241:
         </div>
         </div>
</div>
</div>
 +
<script>
 +
 +
roller.init('head2','v',-77,2,70,50);
 +
roller.init('head3','v',-77,2,70,50);
 +
roller.init('head4','v',-77,2,70,50);
 +
roller.init('head5','v',-77,2,70,50);
 +
roller.init('head6','v',-77,2,70,50);
 +
roller.init('head7','v',-77,2,70,50);
 +
roller.init('head8','v',-77,2,70,50);
 +
</script>
</body>
</body>
</html>
</html>

Revision as of 08:35, 17 September 2011

Template:Https://2011.igem.org/Team:Peking S/bannerhidden Template:Https://2011.igem.org/Team:Peking S/back2 Template:Https://2011.igem.org/Tianjin-bg Untitled