Template:Peking2012 Epilogue
From 2012.igem.org
(Difference between revisions)
m |
m |
||
Line 12: | Line 12: | ||
position: fixed; | position: fixed; | ||
bottom: 15px; | bottom: 15px; | ||
- | + | right: 15px; | |
width: 88px; | width: 88px; | ||
height: 31px; | height: 31px; | ||
Line 23: | Line 23: | ||
position: fixed; | position: fixed; | ||
bottom: 15px; | bottom: 15px; | ||
- | + | left: 15px; | |
width: 88px; | width: 88px; | ||
height: 31px; | height: 31px; | ||
Line 41: | Line 41: | ||
} | } | ||
- | # | + | #PKU_navi_index_menu |
{ | { | ||
position: fixed; | position: fixed; | ||
bottom: 46px; | bottom: 46px; | ||
- | + | right: 15px; | |
width: 480px; | width: 480px; | ||
padding: 0; | padding: 0; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
- | # | + | #PKU_navi_history_menu |
{ | { | ||
position: fixed; | position: fixed; | ||
bottom: 46px; | bottom: 46px; | ||
- | + | left: 15px; | |
width: 120px; | width: 120px; | ||
padding: 0; | padding: 0; | ||
Line 60: | Line 60: | ||
} | } | ||
- | # | + | #PKU_navi_index_menu 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_index_menu ul li |
{ | { | ||
width: 460px; | width: 460px; | ||
Line 76: | Line 76: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
- | # | + | #PKU_navi_history_menu ul li |
{ | { | ||
width: 150px; | width: 150px; | ||
Line 83: | Line 83: | ||
} | } | ||
- | # | + | #PKU_navi_index_menu ul a , |
- | # | + | #PKU_navi_index_menu ul a:link , |
- | # | + | #PKU_navi_index_menu ul a:visited , |
- | # | + | #PKU_navi_history_menu ul a , |
- | # | + | #PKU_navi_history_menu ul a:link , |
- | # | + | #PKU_navi_history_menu ul a:visited |
{ | { | ||
color: #d3d3d3; | color: #d3d3d3; | ||
} | } | ||
- | # | + | #PKU_navi_index_menu ul a:hover , |
- | # | + | #PKU_navi_index_menu ul a:active , |
- | # | + | #PKU_navi_history_menu ul a:hover , |
- | # | + | #PKU_navi_history_menu ul a:active |
{ | { | ||
color: #ffffff; | color: #ffffff; | ||
Line 105: | Line 105: | ||
<div> | <div> | ||
- | <ul id="PKU_navi_index" onmousemove=" | + | <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=" | + | <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=" | + | <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=" | + | <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 | + | var NaviIndexMenu_Cur = 0; |
- | var | + | var NaviIndexMenu_Des = 0; |
- | var | + | var NaviHistoryMenu_Cur = 0; |
- | var | + | var NaviHistoryMenu_Des = 0; |
- | var | + | var handle_NaviIndexMenu = null; |
- | var | + | var handle_NaviHistoryMenu = null; |
- | function | + | function ShowNaviIndexMenu() |
{ | { | ||
- | + | HoldNaviIndexMenu(); | |
- | + | NaviIndexMenu_Des = 1; | |
IndexOn = 1; | IndexOn = 1; | ||
} | } | ||
- | function | + | function HideNaviIndexMenu() |
{ | { | ||
- | + | NaviIndexMenu_Des = 0; | |
IndexOn = 0; | IndexOn = 0; | ||
- | if ( | + | if (handle_NaviIndexMenu) clearTimeout(handleNaviIndexMenu); |
- | + | handleNaviIndexMenu = null; | |
IndexMouseOut(document.getElementById("PKU_navi_index_button")); | IndexMouseOut(document.getElementById("PKU_navi_index_button")); | ||
} | } | ||
- | function | + | function WithdrawNaviIndexMenu() |
{ | { | ||
- | + | handle_NaviIndexMenu = setTimeout("HideNaviIndexMenu();",1000); | |
} | } | ||
- | function | + | function HoldNaviIndexMenu() |
{ | { | ||
- | if ( | + | if (handle_NaviIndexMenu) |
{ | { | ||
- | clearTimeout( | + | clearTimeout(handle_NaviIndexMenu); |
- | + | handle_NaviIndexMenu = null; | |
} | } | ||
} | } | ||
- | function | + | function ShowNaviHistoryMenu() |
{ | { | ||
- | + | HoldNaviHistoryMenu(); | |
- | + | NaviHistoryMenu_Des = 1; | |
} | } | ||
- | function | + | function HideNaviHistoryMenu() |
{ | { | ||
- | + | NaviHistoryMenu_Des = 0; | |
- | if ( | + | if (handle_NaviHistoryMenu) clearTimeout(handleNaviHistoryMenu); |
- | + | handleNaviHistoryMenu = null; | |
} | } | ||
- | function | + | function WithdrawNaviHistoryMenu() |
{ | { | ||
- | + | handle_NaviHistoryMenu = setTimeout("HideNaviHistoryMenu();",1000); | |
} | } | ||
- | function | + | function HoldNaviHistoryMenu() |
{ | { | ||
- | if ( | + | if (handle_NaviHistoryMenu) |
{ | { | ||
- | clearTimeout( | + | clearTimeout(handle_NaviHistoryMenu); |
- | + | handle_NaviHistoryMenu = null; | |
} | } | ||
} | } | ||
Line 264: | Line 264: | ||
function FreshNavi() | function FreshNavi() | ||
{ | { | ||
- | + | NaviIndexMenu_Cur += ( NaviIndexMenu_Des - NaviIndexMenu_Cur ) * 0.35; | |
- | + | NaviHistoryMenu_Cur += ( NaviHistoryMenu_Des - NaviHistoryMenu_Cur ) * 0.35; | |
var tmp; | var tmp; | ||
- | tmp = document.getElementById(" | + | tmp = document.getElementById("PKU_navi_index_menu"); |
- | tmp.style.width = | + | tmp.style.width = NaviIndexMenu_Cur * 480 + "px"; |
- | tmp = document.getElementById(" | + | tmp = document.getElementById("PKU_navi_history_menu"); |
- | tmp.style.width = | + | tmp.style.width = NaviHistoryMenu_Cur * 120 + "px"; |
} | } | ||
Revision as of 07:43, 14 August 2012