Template:Peking2012 Color Modeling

From 2012.igem.org

(Difference between revisions)
m
m
 
(46 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/a4/Peking2012_Color_Title_FlameYellow.jpg');" onmouseover="listTrigger(0);">
+
   <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 Optimization</a>
+
   <a href="/Team:Peking/Modeling">Overview</a>
   </li><li class="branch" onmouseover="listTrigger(0);">
   </li><li class="branch" onmouseover="listTrigger(0);">
-
   <ul class="vertical">
+
   <ul>
     <li>
     <li>
-
     <a href="/Team:Peking/Modeling/Luminesensor">Optimizations</a>
+
     <a href="/Team:Peking/Modeling">Modeling Overview</a>
-
    </li><li>
+
-
    <a href="/Team:Peking/Modeling/Luminesensor/ODE">Appendix 1: ODE method</a>
+
-
    </li><li>
+
-
    <a href="/Team:Peking/Modeling/Luminesensor/Stochastic">Appendix 2: Stochastic Simulation</a>
+
     </li>
     </li>
   </ul>
   </ul>
   </li><li class="trunk" style="background-image:url('/wiki/images/a/a2/Peking2012_Color_Title_FreshGreen.jpg');" onmouseover="listTrigger(1);">
   </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/Channel">New Communication Channel</a>
+
   <a href="/Team:Peking/Modeling/Luminesensor">Luminesensor</a>
   </li><li class="branch" onmouseover="listTrigger(1);">
   </li><li class="branch" onmouseover="listTrigger(1);">
   <ul class="vertical">
   <ul class="vertical">
 +
    <li>
 +
    <a href="/Team:Peking/Modeling/Luminesensor">Kinetic Network</a>
 +
    </li><li>
 +
    <a href="/Team:Peking/Modeling/Luminesensor/Simulation">Simulation</a>
 +
    </li><li>
 +
    <a href="/Team:Peking/Modeling/Luminesensor/Orthogonality">Orthogonality</a>
 +
    </li><li>
 +
    <a href="/Team:Peking/Modeling/Channel">Spectrum Expanding</a>
 +
    </li>
   </ul>
   </ul>
   </li><li class="trunk" style="background-image:url('/wiki/images/f/fe/Peking2012_Color_Title_GrapePurple.jpg');" onmouseover="listTrigger(2);">
   </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</a>
+
   <a href="/Team:Peking/Modeling/Phototaxis">Phototaxis Simulation</a>
   </li><li class="branch" onmouseover="listTrigger(2);">
   </li><li class="branch" onmouseover="listTrigger(2);">
   <ul class="vertical">
   <ul class="vertical">
     <li>
     <li>
-
     <a href="/Team:Peking/Modeling/Phototaxis">Phototaxis</a>
+
     <a href="/Team:Peking/Modeling/Phototaxis">Phototaxis System</a>
     </li><li>
     </li><li>
-
     <a href="/Team:Peking/Modeling/Phototaxis/Detail1">Appendix 1: Detail 1</a>
+
     <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>
Line 40: Line 77:
  </ul>
  </ul>
</div>
</div>
-
<div class="floatL"><p id="console"></p></div>
 
<script type="text/javascript">
<script type="text/javascript">
/*
/*
Line 50: Line 86:
function Following()
function Following()
{
{
-
   sub1hght=sub1hght*0.9+document.documentElement.scrollTop*0.1-10;
+
   sub1hght=sub1hght*0.9+(document.documentElement.scrollTop+document.body.scrollTop)*0.1-10;
   if (sub1hght<0) {sub1hght=0;}
   if (sub1hght<0) {sub1hght=0;}
   subfirst.style.marginTop = sub1hght + 'px';
   subfirst.style.marginTop = sub1hght + 'px';
Line 60: Line 96:
  * by Sun Sibai
  * by Sun Sibai
  */
  */
-
var sublists_Num = 3; //Total Number
+
var sublists_Num = 4; //Total Number
-
var sublists_Cur = 0; //Current Grow
+
var sublists_Cur = -1; //Current Grow
var sublists_Now = 0; //Current Page
var sublists_Now = 0; //Current Page
-
var subLhght = [120,120,120]; //Unit: Pixel
+
var subLhght = [30,120,120,60,90]; //Unit: Pixel
-
var subLhght_Cur = [0,0,0]; //Unit: Pixel
+
var subLhght_Cur = [0,0,0,0,0]; //Unit: Pixel
var subLhand_Wither = [null,null,null,null];
var subLhand_Wither = [null,null,null,null];
var subLhand_Growth = null;
var subLhand_Growth = null;
Line 77: Line 113:
function listGrowth()
function listGrowth()
{
{
-
   subLhght_Cur[sublists_Cur] = subLhght_Cur[sublists_Cur] * 0.6 + subLhght[sublists_Cur] * 1.2 * 0.4;
+
   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])
   if (subLhght_Cur[sublists_Cur]>=subLhght[sublists_Cur])
   {
   {
     subLhght_Cur[sublists_Cur]=subLhght[sublists_Cur];
     subLhght_Cur[sublists_Cur]=subLhght[sublists_Cur];
     subLhand_Growth = null;
     subLhand_Growth = null;
-
    if (sublists_Cur!=sublists_Now)
 
-
    {
 
-
      subLhand_Return = setTimeout(listReturn,3000);
 
-
    }
 
-
    else
 
-
    {
 
-
      subLhand_Return = null;
 
-
    }
 
   }
   }
   else
   else
Line 96: Line 124:
   }
   }
   sublists[2*sublists_Cur+2].style.height=subLhght_Cur[sublists_Cur]+'px';
   sublists[2*sublists_Cur+2].style.height=subLhght_Cur[sublists_Cur]+'px';
 +
}
 +
function listWitherFunc(i)
 +
{
 +
  return function() {listWither(i);};
}
}
function listWither(i)
function listWither(i)
{
{
-
   subLhght_Cur[i] = subLhght_Cur[i] * 0.6 - 2;
+
   subLhght_Cur[i] = subLhght_Cur[i] * 0.7 - 0.5;
   if (subLhght_Cur[i]<=0)
   if (subLhght_Cur[i]<=0)
   {
   {
     subLhght_Cur[i] = 0;
     subLhght_Cur[i] = 0;
-
    clearInterval(subLhand_Wither[i]);
 
     subLhand_Wither[i] = null;
     subLhand_Wither[i] = null;
     sublists[2*i+2].style.display='none';
     sublists[2*i+2].style.display='none';
   }
   }
-
   sublists[2*i+2].style.height=subLhght_Cur[sublists_Cur]+'px';
+
  else
 +
  {
 +
    subLhand_Wither[i] = setTimeout(listWitherFunc(i),50);
 +
  }
 +
   sublists[2*i+2].style.height=subLhght_Cur[i]+'px';
}
}
function listReturn()
function listReturn()
{
{
   listTrigger(sublists_Now);
   listTrigger(sublists_Now);
 +
  subLhand_Return = null;
}
}
/* Trigger Function */
/* Trigger Function */
function listTrigger(i)
function listTrigger(i)
{
{
 +
  if (subLhand_Return) {clearTimeout(subLhand_Return);subLhand_Return=null;}
   if (i!=sublists_Cur)
   if (i!=sublists_Cur)
   {
   {
-
     if (subLhand_Growth!=null)
+
     if (subLhand_Growth) {clearTimeout(subLhand_Growth);}
-
    {
+
     if (sublists_Cur>=0) {if (!subLhand_Wither[sublists_Cur]) {listWither(sublists_Cur);}}
-
      clearTimeout(subLhand_Growth);
+
     if (subLhand_Wither[i]) {clearTimeout(subLhand_Wither[i]);subLhand_Wither[i]=null;}
-
    }
+
-
     subLhand_Wither[sublists_Cur]=setInterval(function(){listWither(sublists_Cur);},50);
+
-
     if (subLhand_Wither[i]!=null)
+
-
    {
+
-
      clearInterval(subLhand_Wither[i]);
+
-
    }
+
     sublists[2*i+2].style.display='block';
     sublists[2*i+2].style.display='block';
     sublists_Cur = i;
     sublists_Cur = i;
Line 132: Line 163:
   }
   }
}
}
-
/*DEBUG*/
+
function listReset()
-
listTrigger(sublists_Now);
+
-
function Cout()
+
{
{
-
   document.getElementById('console').innerHTML=sublists_Cur+' '+sublists_Now+' '+subLhand_Growth+' '+subLhand_Return+' '+subLhand_Wither[0]+' '+subLhand_Wither[1]+' '+subLhand_Wither[2];
+
   if (subLhand_Return) {clearTimeout(listReturn);}
 +
  subLhand_Return = setTimeout(listReturn,1000);
}
}
-
setInterval(Cout,100);
 
</script>
</script>
</html>
</html>

Latest revision as of 05:04, 26 October 2012

Retrieved from "http://2012.igem.org/Template:Peking2012_Color_Modeling"