Template:Peking2012 Color Modeling
From 2012.igem.org
(Difference between revisions)
m |
m |
||
(55 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
--- this = /Template:Peking2012_Color_Modeling | --- this = /Template:Peking2012_Color_Modeling | ||
--> | --> | ||
+ | <style type="text/css"> | ||
+ | #text-body ul#PKU_subsubmenu > li | ||
+ | { | ||
+ | width: 224px; | ||
+ | } | ||
+ | #text-body .PKU_context.floatR p | ||
+ | { | ||
+ | width: 600px; | ||
+ | } | ||
+ | #text-body .PKU_context.floatR p.description | ||
+ | { | ||
+ | width: 500px; | ||
+ | } | ||
+ | #text-body .PKU_context.floatR ul.refer | ||
+ | { | ||
+ | width: 600px; | ||
+ | } | ||
+ | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
document.getElementById("PKU_banner_menu").getElementsByTagName("a")[4].style.color="#60b0f0"; | document.getElementById("PKU_banner_menu").getElementsByTagName("a")[4].style.color="#60b0f0"; | ||
</script> | </script> | ||
<div class="floatL"> | <div class="floatL"> | ||
- | <ul id="PKU_subsubmenu" class="vertical"> | + | <ul id="PKU_subsubmenu" class="vertical" onmouseout="listReset();"> |
- | <li class="trunk" style="background-image:url('/wiki/images/a/ | + | <li class="trunk" style="background-image:url('/wiki/images/b/be/Peking2012_Color_Title_AquaBlue.jpg');" onmouseover="listTrigger(0);"> |
- | <a href="/Team:Peking/Modeling/Luminesensor">Luminesensor | + | <a href="/Team:Peking/Modeling">Overview</a> |
- | </li><li class="branch"> | + | </li><li class="branch" onmouseover="listTrigger(0);"> |
+ | <ul> | ||
+ | <li> | ||
+ | <a href="/Team:Peking/Modeling">Modeling Overview</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li><li class="trunk" style="background-image:url('/wiki/images/a/a2/Peking2012_Color_Title_FreshGreen.jpg');" onmouseover="listTrigger(1);"> | ||
+ | <a href="/Team:Peking/Modeling/Luminesensor">Luminesensor</a> | ||
+ | </li><li class="branch" onmouseover="listTrigger(1);"> | ||
<ul class="vertical"> | <ul class="vertical"> | ||
<li> | <li> | ||
- | <a href="/Team:Peking/Modeling/Luminesensor"> | + | <a href="/Team:Peking/Modeling/Luminesensor">Kinetic Network</a> |
</li><li> | </li><li> | ||
- | <a href="/Team:Peking/Modeling/Luminesensor/ | + | <a href="/Team:Peking/Modeling/Luminesensor/Simulation">Simulation</a> |
</li><li> | </li><li> | ||
- | <a href="/Team:Peking/Modeling/Luminesensor/ | + | <a href="/Team:Peking/Modeling/Luminesensor/Orthogonality">Orthogonality</a> |
+ | </li><li> | ||
+ | <a href="/Team:Peking/Modeling/Channel">Spectrum Expanding</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li><li class="trunk" style="background-image:url('/wiki/images/f/fe/Peking2012_Color_Title_GrapePurple.jpg');" onmouseover="listTrigger(2);"> | ||
+ | <a href="/Team:Peking/Modeling/Phototaxis">Phototaxis Simulation</a> | ||
+ | </li><li class="branch" onmouseover="listTrigger(2);"> | ||
+ | <ul class="vertical"> | ||
+ | <li> | ||
+ | <a href="/Team:Peking/Modeling/Phototaxis">Phototaxis System</a> | ||
+ | </li><li> | ||
+ | <a href="/Team:Peking/Modeling/Phototaxis/PDE">Mean-field PDE Model</a> | ||
+ | </li><li> | ||
+ | <a href="/Team:Peking/Modeling/Phototaxis/Stochastic">Stochastic Simulation</a> | ||
+ | </li><li> | ||
+ | <a href="/Team:Peking/Modeling/Phototaxis/Hexagon">Appendix: Hexagon-Mesh</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li><li class="trunk" style="background-image:url('/wiki/images/a/a4/Peking2012_Color_Title_FlameYellow.jpg');" onmouseover="listTrigger(3);"> | ||
+ | <a href="/Team:Peking/Modeling/Ring">Ring Pattern</a> | ||
+ | </li><li class="branch" onmouseover="listTrigger(3);"> | ||
+ | <ul class="vertical"> | ||
+ | <li> | ||
+ | <a href="/Team:Peking/Modeling/Ring">Background & Circuit</a> | ||
+ | </li><li> | ||
+ | <a href="/Team:Peking/Modeling/Ring/Simulation">Simulation & Analysis</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
- | |||
- | |||
- | |||
- | |||
</li> | </li> | ||
</ul> | </ul> | ||
Line 34: | Line 82: | ||
* by Sun Sibai | * by Sun Sibai | ||
*/ | */ | ||
- | var subfirst = document.getElementById("PKU_subsubmenu") | + | var subfirst = document.getElementById("PKU_subsubmenu"); |
var sub1hght = 0; | var sub1hght = 0; | ||
function Following() | function Following() | ||
{ | { | ||
- | sub1hght = sub1hght * 0. | + | sub1hght=sub1hght*0.9+(document.documentElement.scrollTop+document.body.scrollTop)*0.1-10; |
+ | if (sub1hght<0) {sub1hght=0;} | ||
subfirst.style.marginTop = sub1hght + 'px'; | subfirst.style.marginTop = sub1hght + 'px'; | ||
} | } | ||
- | var handleFollowing = setInterval(Following,60); | + | var handleFollowing = setInterval(Following,30); |
+ | </script><script type="text/javascript"> | ||
+ | /* | ||
+ | * Peking 2012 Drawer | ||
+ | * by Sun Sibai | ||
+ | */ | ||
+ | var sublists_Num = 4; //Total Number | ||
+ | var sublists_Cur = -1; //Current Grow | ||
+ | var sublists_Now = 0; //Current Page | ||
+ | var subLhght = [30,120,120,60,90]; //Unit: Pixel | ||
+ | var subLhght_Cur = [0,0,0,0,0]; //Unit: Pixel | ||
+ | var subLhand_Wither = [null,null,null,null]; | ||
+ | var subLhand_Growth = null; | ||
+ | var subLhand_Return = null; | ||
+ | var sublists = subfirst.childNodes; | ||
+ | for (var it=0;it<sublists_Num;++it) | ||
+ | { | ||
+ | sublists[2*it+2].style.height=subLhght_Cur[it]+'px'; | ||
+ | sublists[2*it+2].style.display='none'; | ||
+ | } | ||
+ | /* Automatic Function */ | ||
+ | function listGrowth() | ||
+ | { | ||
+ | subLhght_Cur[sublists_Cur] = subLhght_Cur[sublists_Cur] * 0.7 + subLhght[sublists_Cur] * 1.2 * 0.3; | ||
+ | if (subLhght_Cur[sublists_Cur]>=subLhght[sublists_Cur]) | ||
+ | { | ||
+ | subLhght_Cur[sublists_Cur]=subLhght[sublists_Cur]; | ||
+ | subLhand_Growth = null; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | subLhand_Growth = setTimeout(listGrowth,50); | ||
+ | } | ||
+ | sublists[2*sublists_Cur+2].style.height=subLhght_Cur[sublists_Cur]+'px'; | ||
+ | } | ||
+ | function listWitherFunc(i) | ||
+ | { | ||
+ | return function() {listWither(i);}; | ||
+ | } | ||
+ | function listWither(i) | ||
+ | { | ||
+ | subLhght_Cur[i] = subLhght_Cur[i] * 0.7 - 0.5; | ||
+ | if (subLhght_Cur[i]<=0) | ||
+ | { | ||
+ | subLhght_Cur[i] = 0; | ||
+ | subLhand_Wither[i] = null; | ||
+ | sublists[2*i+2].style.display='none'; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | subLhand_Wither[i] = setTimeout(listWitherFunc(i),50); | ||
+ | } | ||
+ | sublists[2*i+2].style.height=subLhght_Cur[i]+'px'; | ||
+ | } | ||
+ | function listReturn() | ||
+ | { | ||
+ | listTrigger(sublists_Now); | ||
+ | subLhand_Return = null; | ||
+ | } | ||
+ | /* Trigger Function */ | ||
+ | function listTrigger(i) | ||
+ | { | ||
+ | if (subLhand_Return) {clearTimeout(subLhand_Return);subLhand_Return=null;} | ||
+ | if (i!=sublists_Cur) | ||
+ | { | ||
+ | if (subLhand_Growth) {clearTimeout(subLhand_Growth);} | ||
+ | if (sublists_Cur>=0) {if (!subLhand_Wither[sublists_Cur]) {listWither(sublists_Cur);}} | ||
+ | if (subLhand_Wither[i]) {clearTimeout(subLhand_Wither[i]);subLhand_Wither[i]=null;} | ||
+ | sublists[2*i+2].style.display='block'; | ||
+ | sublists_Cur = i; | ||
+ | listGrowth(); | ||
+ | } | ||
+ | } | ||
+ | function listReset() | ||
+ | { | ||
+ | if (subLhand_Return) {clearTimeout(listReturn);} | ||
+ | subLhand_Return = setTimeout(listReturn,1000); | ||
+ | } | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 05:04, 26 October 2012