Template:Peking2012 Epilogue

From 2012.igem.org

(Difference between revisions)
m
m
Line 12: Line 12:
   position: fixed;
   position: fixed;
   bottom: 15px;
   bottom: 15px;
-
   left: 15px;
+
   right: 15px;
   width: 88px;
   width: 88px;
   height: 31px;
   height: 31px;
Line 23: Line 23:
   position: fixed;
   position: fixed;
   bottom: 15px;
   bottom: 15px;
-
   right: 15px;
+
   left: 15px;
   width: 88px;
   width: 88px;
   height: 31px;
   height: 31px;
Line 41: Line 41:
}
}
-
#PKU_navi_L
+
#PKU_navi_index_menu
{
{
   position: fixed;
   position: fixed;
   bottom: 46px;
   bottom: 46px;
-
   left: 15px;
+
   right: 15px;
   width: 480px;
   width: 480px;
   padding: 0;
   padding: 0;
   overflow: hidden;
   overflow: hidden;
}
}
-
#PKU_navi_R
+
#PKU_navi_history_menu
{
{
   position: fixed;
   position: fixed;
   bottom: 46px;
   bottom: 46px;
-
   right: 15px;
+
   left: 15px;
   width: 120px;
   width: 120px;
   padding: 0;
   padding: 0;
Line 60: Line 60:
}
}
-
#PKU_navi_L ul ,
+
#PKU_navi_index_menu ul ,
-
#PKU_navi_R ul
+
#PKU_navi_history_menu ul
{
{
   background-image: url("/wiki/images/1/1c/Peking2012_Above_B.png");
   background-image: url("/wiki/images/1/1c/Peking2012_Above_B.png");
Line 70: Line 70:
}
}
-
#PKU_navi_L ul li
+
#PKU_navi_index_menu ul li
{
{
   width: 460px;
   width: 460px;
Line 76: Line 76:
   overflow: hidden;
   overflow: hidden;
}
}
-
#PKU_navi_R ul li
+
#PKU_navi_history_menu ul li
{
{
   width: 150px;
   width: 150px;
Line 83: Line 83:
}
}
-
#PKU_navi_L ul a ,
+
#PKU_navi_index_menu ul a ,
-
#PKU_navi_L ul a:link ,
+
#PKU_navi_index_menu ul a:link ,
-
#PKU_navi_L ul a:visited ,
+
#PKU_navi_index_menu ul a:visited ,
-
#PKU_navi_R ul a ,
+
#PKU_navi_history_menu ul a ,
-
#PKU_navi_R ul a:link ,
+
#PKU_navi_history_menu ul a:link ,
-
#PKU_navi_R ul a:visited
+
#PKU_navi_history_menu ul a:visited
{
{
   color: #d3d3d3;
   color: #d3d3d3;
}
}
-
#PKU_navi_L ul a:hover ,
+
#PKU_navi_index_menu ul a:hover ,
-
#PKU_navi_L ul a:active ,
+
#PKU_navi_index_menu ul a:active ,
-
#PKU_navi_R ul a:hover ,
+
#PKU_navi_history_menu ul a:hover ,
-
#PKU_navi_R ul a:active
+
#PKU_navi_history_menu ul a:active
{
{
   color: #ffffff;
   color: #ffffff;
Line 105: Line 105:
<div>
<div>
-
  <ul id="PKU_navi_index" onmousemove="ShowNaviL();" onmouseout="WithdrawNaviL();">
+
  <ul id="PKU_navi_index" onmousemove="ShowNaviIndexMenu();" onmouseout="WithdrawNaviIndexMenu();">
   <li id="PKU_navi_index_button" onmouseover="IndexMouseOver(this);" onmouseout="IndexMouseOut(this);">
   <li id="PKU_navi_index_button" onmouseover="IndexMouseOver(this);" onmouseout="IndexMouseOut(this);">
   <a href="#top" title="Back to Top" >
   <a href="#top" title="Back to Top" >
Line 116: Line 116:
</div>
</div>
<div>
<div>
-
  <ul id="PKU_navi_history" onmousemove="ShowNaviR();" onmouseout="WithdrawNaviR();">
+
  <ul id="PKU_navi_history" onmousemove="ShowNaviHistoryMenu();" onmouseout="WithdrawNaviHistoryMenu();">
   <li onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);">
   <li onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);">
     <img class="show" src="/wiki/images/4/46/Peking2012_History.png" alt="Peking" />
     <img class="show" src="/wiki/images/4/46/Peking2012_History.png" alt="Peking" />
Line 124: Line 124:
</div>
</div>
<div>
<div>
-
  <ul id="PKU_navi_R" onmouseover="HoldNaviR();" onmouseout="WithdrawNaviR();">
+
  <ul id="PKU_navi_history_menu" onmouseover="HoldNaviHistoryMenu();" onmouseout="WithdrawNaviHistoryMenu();">
   <li style="line-height:11px;">
   <li style="line-height:11px;">
   <img src="/wiki/images/6/68/Peking2012_Above_S.png" alt="" />
   <img src="/wiki/images/6/68/Peking2012_Above_S.png" alt="" />
Line 157: Line 157:
<div>
<div>
-
  <ul id="PKU_navi_L" onmouseover="HoldNaviL();" onmouseout="WithdrawNaviL();">
+
  <ul id="PKU_navi_index_menu" onmouseover="HoldNaviIndexMenu();" onmouseout="WithdrawNaviIndexMenu();">
   <li style="line-height:11px;">
   <li style="line-height:11px;">
   <img src="/wiki/images/6/68/Peking2012_Above_S.png" alt="" />
   <img src="/wiki/images/6/68/Peking2012_Above_S.png" alt="" />
Line 204: Line 204:
}
}
-
var NaviL_Cur = 0;
+
var NaviIndexMenu_Cur = 0;
-
var NaviL_Des = 0;
+
var NaviIndexMenu_Des = 0;
-
var NaviR_Cur = 0;
+
var NaviHistoryMenu_Cur = 0;
-
var NaviR_Des = 0;
+
var NaviHistoryMenu_Des = 0;
-
var handle_NaviL = null;
+
var handle_NaviIndexMenu = null;
-
var handle_NaviR = null;
+
var handle_NaviHistoryMenu = null;
-
function ShowNaviL()
+
function ShowNaviIndexMenu()
{
{
-
   HoldNaviL();
+
   HoldNaviIndexMenu();
-
   NaviL_Des = 1;
+
   NaviIndexMenu_Des = 1;
   IndexOn = 1;
   IndexOn = 1;
}
}
-
function HideNaviL()
+
function HideNaviIndexMenu()
{
{
-
   NaviL_Des = 0;
+
   NaviIndexMenu_Des = 0;
   IndexOn = 0;
   IndexOn = 0;
-
   if (handle_NaviL) clearTimeout(handleNaviL);
+
   if (handle_NaviIndexMenu) clearTimeout(handleNaviIndexMenu);
-
   handleNaviL = null;
+
   handleNaviIndexMenu = null;
   IndexMouseOut(document.getElementById("PKU_navi_index_button"));
   IndexMouseOut(document.getElementById("PKU_navi_index_button"));
}
}
-
function WithdrawNaviL()
+
function WithdrawNaviIndexMenu()
{
{
-
   handle_NaviL = setTimeout("HideNaviL();",1000);
+
   handle_NaviIndexMenu = setTimeout("HideNaviIndexMenu();",1000);
}
}
-
function HoldNaviL()
+
function HoldNaviIndexMenu()
{
{
-
   if (handle_NaviL)
+
   if (handle_NaviIndexMenu)
   {
   {
-
     clearTimeout(handle_NaviL);
+
     clearTimeout(handle_NaviIndexMenu);
-
     handle_NaviL = null;
+
     handle_NaviIndexMenu = null;
   }
   }
}
}
-
function ShowNaviR()
+
function ShowNaviHistoryMenu()
{
{
-
   HoldNaviR();
+
   HoldNaviHistoryMenu();
-
   NaviR_Des = 1;
+
   NaviHistoryMenu_Des = 1;
}
}
-
function HideNaviR()
+
function HideNaviHistoryMenu()
{
{
-
   NaviR_Des = 0;
+
   NaviHistoryMenu_Des = 0;
-
   if (handle_NaviR) clearTimeout(handleNaviR);
+
   if (handle_NaviHistoryMenu) clearTimeout(handleNaviHistoryMenu);
-
   handleNaviR = null;
+
   handleNaviHistoryMenu = null;
}
}
-
function WithdrawNaviR()
+
function WithdrawNaviHistoryMenu()
{
{
-
   handle_NaviR = setTimeout("HideNaviR();",1000);
+
   handle_NaviHistoryMenu = setTimeout("HideNaviHistoryMenu();",1000);
}
}
-
function HoldNaviR()
+
function HoldNaviHistoryMenu()
{
{
-
   if (handle_NaviR)
+
   if (handle_NaviHistoryMenu)
   {
   {
-
     clearTimeout(handle_NaviR);
+
     clearTimeout(handle_NaviHistoryMenu);
-
     handle_NaviR = null;
+
     handle_NaviHistoryMenu = null;
   }
   }
}
}
Line 264: Line 264:
function FreshNavi()
function FreshNavi()
{
{
-
   NaviL_Cur += ( NaviL_Des - NaviL_Cur ) * 0.35;
+
   NaviIndexMenu_Cur += ( NaviIndexMenu_Des - NaviIndexMenu_Cur ) * 0.35;
-
   NaviR_Cur += ( NaviR_Des - NaviR_Cur ) * 0.35;
+
   NaviHistoryMenu_Cur += ( NaviHistoryMenu_Des - NaviHistoryMenu_Cur ) * 0.35;
    
    
   var tmp;
   var tmp;
-
   tmp = document.getElementById("PKU_navi_L");
+
   tmp = document.getElementById("PKU_navi_index_menu");
-
   tmp.style.width = NaviL_Cur * 480 + "px";
+
   tmp.style.width = NaviIndexMenu_Cur * 480 + "px";
-
   tmp = document.getElementById("PKU_navi_R");
+
   tmp = document.getElementById("PKU_navi_history_menu");
-
   tmp.style.width = NaviR_Cur * 120 + "px";
+
   tmp.style.width = NaviHistoryMenu_Cur * 120 + "px";
}
}

Revision as of 07:43, 14 August 2012

  • Peking Peking

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