"
Template:Peking2012 Prologue
From 2012.igem.org
(Difference between revisions)
m |
m |
||
| Line 244: | Line 244: | ||
/***--- Top Navigator ---***/ | /***--- Top Navigator ---***/ | ||
#PKU_banner_menu , | #PKU_banner_menu , | ||
| - | |||
{ | { | ||
| - | |||
width: 965px; | width: 965px; | ||
height: 30px; | height: 30px; | ||
| Line 252: | Line 250: | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
| - | #PKU_banner_menu | + | #PKU_banner_menu , |
| + | #PKU_banner_submenu | ||
{ | { | ||
| + | overflow: hidden; | ||
position: relative; | position: relative; | ||
top: -30px; | top: -30px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
#PKU_banner_menu li , | #PKU_banner_menu li , | ||
| - | + | #PKU_banner_submenu li | |
{ | { | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
clear: none; | clear: none; | ||
| - | + | overflow: hidden; | |
| - | + | ||
} | } | ||
| - | # | + | #PKU_banner_submenu > li |
| - | + | ||
{ | { | ||
| - | width: | + | overflow: hidden; |
| + | height: 120px; | ||
| + | width: 0; | ||
} | } | ||
| - | + | #PKU_banner_menu > li , | |
| + | #PKU_banner_submenu > li ul > li | ||
{ | { | ||
| - | + | overflow: hidden; | |
| - | + | height: 30px; | |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| - | .PKU_banner_submenu li. | + | #PKU_banner_submenu > li ul > li.submenu_team , |
| + | #PKU_banner_submenu > li ul > li.submenu_project , | ||
| + | #PKU_banner_submenu > li ul > li.submenu_modeling , | ||
| + | #PKU_banner_submenu > li ul > li.submenu_humanpractice | ||
{ | { | ||
| - | width: | + | width: 300px; |
} | } | ||
| Line 551: | Line 546: | ||
</div> | </div> | ||
<div> | <div> | ||
| - | <ul id | + | <ul id="PKU_banner_submenu" onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" > |
| - | <li class=" | + | <li id="PKU_banner_submenu_blank" class="blank"> |
| - | + |   | |
</li> | </li> | ||
| - | <li | + | <li id="PKU_banner_submenu_team"> |
| - | <a id="PKU_banner_Team_Members" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Members"> | + | <ul onmouseover="HoldSubmenuTeam();" onmouseout="WithdrawSubmenuTeam();" > |
| - | + | <li class="submenu_team"> | |
| - | + | <a id="PKU_banner_Team_Members" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Members"> | |
| - | + | <img class="show" src="/wiki/images/0/0c/Peking2012_BannerSubmenu_Team_Members.png" alt="Members" /> | |
| + | <img class="show" src="/wiki/images/a/a4/Peking2012_BannerSubmenu_Team_Members_H.png" alt="Members" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="submenu_team"> | ||
| + | <a id="PKU_banner_Team_Attribution" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Attribution"> | ||
| + | <img class="show" src="/wiki/images/3/3b/Peking2012_BannerSubmenu_Team_Attribution.png" alt="Attribution" /> | ||
| + | <img class="show" src="/wiki/images/f/f5/Peking2012_BannerSubmenu_Team_Attribution_H.png" alt="Attribution" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="submenu_team"> | ||
| + | <a id="PKU_banner_Team_Diary" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Diary"> | ||
| + | <img class="show" src="/wiki/images/a/a2/Peking2012_BannerSubmenu_Team_Diary.png" alt="Diary" /> | ||
| + | <img class="show" src="/wiki/images/e/ef/Peking2012_BannerSubmenu_Team_Diary_H.png" alt="Diary" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | </ul> | ||
</li> | </li> | ||
| - | <li | + | <li id="PKU_banner_submenu_project"> |
| - | <img src="/wiki/images/ | + | <ul onmouseover="HoldSubmenuProject();" onmouseout="WithdrawSubmenuProject();" > |
| + | <li class="submenu_project"> | ||
| + | <a id="PKU_banner_Project_SensitiveLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/SensitiveLuminanceSensor"> | ||
| + | <img class="show" src="/wiki/images/b/b6/Peking2012_BannerSubmenu_Project_SensitiveLuminanceSensor.png" alt="Sensitive Luminance Sensor" /> | ||
| + | <img class="show" src="/wiki/images/c/cc/Peking2012_BannerSubmenu_Project_SensitiveLuminanceSensor_H.png" alt="Sensitive Luminance Sensor" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="submenu_project"> | ||
| + | <a id="PKU_banner_Project_ProgrammingCellswithLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/ProgrammingCellswithLight"> | ||
| + | <img class="show" src="/wiki/images/7/74/Peking2012_BannerSubmenu_Project_ProgrammingCellswithLight.png" alt="Programming Cells with Light" /> | ||
| + | <img class="show" src="/wiki/images/9/90/Peking2012_BannerSubmenu_Project_ProgrammingCellswithLight_H.png" alt="Programming Cells with Light" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="submenu_project"> | ||
| + | <a id="PKU_banner_Project_CellcellLightCommunication" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/CellcellLightCommunication"> | ||
| + | <img class="show" src="/wiki/images/7/74/Peking2012_BannerSubmenu_Project_CellcellLightCommunication.png" alt="Cell-cell Light Communication" /> | ||
| + | <img class="show" src="/wiki/images/9/90/Peking2012_BannerSubmenu_Project_CellcellLightCommunication_H.png" alt="Cell-cell Light Communication" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | </ul> | ||
</li> | </li> | ||
| - | <li | + | <li id="PKU_banner_submenu_modeling"> |
| - | <a id=" | + | <ul onmouseover="HoldSubmenuModeling();" onmouseout="WithdrawSubmenuModeling();" > |
| - | <img class="show" src="/wiki/images/3/ | + | <li class="submenu_modeling"> |
| - | + | <a id="PKU_banner_Modeling_DesignLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/DesignLuminanceSensor"> | |
| - | + | <img class="show" src="/wiki/images/7/73/Peking2012_BannerSubmenu_Modeling_DesignLuminanceSensor.png" alt="Design Luminance Sensor" /> | |
| + | <img class="show" src="/wiki/images/6/60/Peking2012_BannerSubmenu_Modeling_DesignLuminanceSensor_H.png" alt="Design Luminance Sensor" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="submenu_modeling"> | ||
| + | <a id="PKU_banner_Modeling_ControlCellsThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/ControlCellsThroughLight"> | ||
| + | <img class="show" src="/wiki/images/f/f5/Peking2012_BannerSubmenu_Modeling_ControlCellsThroughLight.png" alt="Control Cells through Light" /> | ||
| + | <img class="show" src="/wiki/images/d/d8/Peking2012_BannerSubmenu_Modeling_ControlCellsThroughLight_H.png" alt="Control Cells through Light" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="submenu_modeling"> | ||
| + | <a id="PKU_banner_Modeling_MakeCellsTalkThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/MakeCellsTalkThroughLight"> | ||
| + | <img class="show" src="/wiki/images/3/3d/Peking2012_BannerSubmenu_Modeling_MakeCellsTalkThroughLight.png" alt="Make Cells Talk through Light" /> | ||
| + | <img class="show" src="/wiki/images/f/f3/Peking2012_BannerSubmenu_Modeling_MakeCellsTalkThroughLight_H.png" alt="Make Cells Talk through Light" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="submenu_modeling"> | ||
| + | <a id="PKU_banner_Modeling_SearchForNewChannel" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/SearchForNewChannel"> | ||
| + | <img class="show" src="/wiki/images/0/09/Peking2012_BannerSubmenu_Modeling_SearchForNewChannel.png" alt="Search for New Channel" /> | ||
| + | <img class="show" src="/wiki/images/2/23/Peking2012_BannerSubmenu_Modeling_SearchForNewChannel_H.png" alt="Search for New Channel" /> | ||
| + | </a> | ||
| + | </li> | ||
| + | </ul> | ||
</li> | </li> | ||
| - | <li | + | <li id="PKU_banner_submenu_humanpractice"> |
| - | + | <ul onmouseover="HoldSubmenuHumanPractice();" onmouseout="WithdrawSubmenuHumanPractice();" > | |
| - | + | <li class="submenu_humanpractice"> | |
| - | + | <a id="PKU_banner_HumanPractice_SowingTomorrowSyntheticBiologists" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/SowingTomorrowSyntheticBiologists"> | |
| - | + | <img class="show" src="/wiki/images/6/6c/Peking2012_BannerSubmenu_HumanPractice_SowingTomorrowSyntheticBiologists.png" alt="Sowing Tomorrow Synthetic Biologists" /> | |
| - | + | <img class="show" src="/wiki/images/8/83/Peking2012_BannerSubmenu_HumanPractice_SowingTomorrowSyntheticBiologists_H.png" alt="Sowing Tomorrow Synthetic Biologists" /> | |
| - | + | </a> | |
| - | < | + | </li> |
| - | + | <li class="submenu_humanpractice"> | |
| - | + | <a id="PKU_banner_HumanPractice_ReviewHistoryToLearnNew" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/ReviewHistoryToLearnNew"> | |
| - | + | <img class="show" src="/wiki/images/a/a3/Peking2012_BannerSubmenu_HumanPractice_ReviewHistoryToLearnNew.png" alt="Review History to Learn New" /> | |
| - | + | <img class="show" src="/wiki/images/f/f8/Peking2012_BannerSubmenu_HumanPractice_ReviewHistoryToLearnNew_H.png" alt="Review History to Learn New" /> | |
| - | + | </a> | |
| - | + | </li> | |
| - | + | <li class="submenu_humanpractice"> | |
| - | + | <a id="PKU_banner_HumanPractice_OutreachAndWorkshop" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/OutreachAndWorkshop"> | |
| - | + | <img class="show" src="/wiki/images/3/3c/Peking2012_BannerSubmenu_HumanPractice_OutreachAndWorkshop.png" alt="Outreach and Workshop" /> | |
| - | + | <img class="show" src="/wiki/images/9/97/Peking2012_BannerSubmenu_HumanPractice_OutreachAndWorkshop_H.png" alt="Outreach and Workshop" /> | |
| - | + | </a> | |
| - | + | </li> | |
| - | + | </ul> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | < | + | |
</li> | </li> | ||
</ul> | </ul> | ||
| Line 711: | Line 668: | ||
} | } | ||
| - | var | + | var SubmenuWidth_Des_Blank = 0; //Destination |
| - | var | + | var SubmenuWidth_Cur_Blank = 0; //Current Val |
| - | var | + | var SubmenuWidth_Des_Team = 0; //Destination |
| - | var | + | var SubmenuWidth_Cur_Team = 0; //Current Val |
| - | var | + | var SubmenuWidth_Des_Project = 0; //Destination |
| - | var | + | var SubmenuWidth_Cur_Project = 0; //Current Val |
| - | var | + | var SubmenuWidth_Des_Modeling = 0; //Destination |
| - | var | + | var SubmenuWidth_Cur_Modeling = 0; //Current Val |
| + | var SubmenuWidth_Des_HumanPractice = 0; //Destination | ||
| + | var SubmenuWidth_Cur_HumanPractice = 0; //Current Val | ||
var handleSubmenu_Team = null; //Submenu Withdraw Handle | var handleSubmenu_Team = null; //Submenu Withdraw Handle | ||
var handleSubmenu_Project = null; //Submenu Withdraw Handle | var handleSubmenu_Project = null; //Submenu Withdraw Handle | ||
| Line 734: | Line 693: | ||
function ShowSubmenuTeam() | function ShowSubmenuTeam() | ||
{ | { | ||
| - | + | HideSubmenuAll(); | |
| - | + | SubmenuWidth_Des_Team = 1; | |
| - | + | SubmenuWidth_Des_Blank = 60; | |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
function HideSubmenuTeam() | function HideSubmenuTeam() | ||
{ | { | ||
| - | + | SubmenuWidth_Des_Team = 0; | |
| - | + | SubmenuWidth_Des_Blank = 0; | |
if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team); | if (handleSubmenu_Team) clearTimeout(handleSubmenu_Team); | ||
handleSubmenu_Team = null; | handleSubmenu_Team = null; | ||
| Line 764: | Line 720: | ||
function ShowSubmenuProject() | function ShowSubmenuProject() | ||
{ | { | ||
| - | + | HideSubmenuAll(); | |
| - | + | SubmenuWidth_Des_Project = 1; | |
| - | + | SubmenuWidth_Des_Blank = 200; | |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
function HideSubmenuProject() | function HideSubmenuProject() | ||
{ | { | ||
| - | + | SubmenuWidth_Des_Project = 0; | |
| - | + | SubmenuWidth_Des_Blank = 0; | |
if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project); | if (handleSubmenu_Project) clearTimeout(handleSubmenu_Project); | ||
handleSubmenu_Project = null; | handleSubmenu_Project = null; | ||
| Line 794: | Line 747: | ||
function ShowSubmenuModeling() | function ShowSubmenuModeling() | ||
{ | { | ||
| - | + | HideSubmenuAll(); | |
| - | + | SubmenuWidth_Des_Modeling = 1; | |
| - | + | SubmenuWidth_Des_Blank = 470; | |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
function HideSubmenuModeling() | function HideSubmenuModeling() | ||
{ | { | ||
| - | + | SubmenuWidth_Des_Modeling = 0; | |
| - | + | SubmenuWidth_Des_Blank = 0; | |
if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling); | if (handleSubmenu_Modeling) clearTimeout(handleSubmenu_Modeling); | ||
handleSubmenu_Modeling = null; | handleSubmenu_Modeling = null; | ||
| Line 824: | Line 774: | ||
function ShowSubmenuHumanPractice() | function ShowSubmenuHumanPractice() | ||
{ | { | ||
| - | + | HideSubmenuAll(); | |
| - | + | SubmenuWidth_Des_HumanPractice = 1; | |
| - | + | SubmenuWidth_Des_Blank = 600; | |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
function HideSubmenuHumanPractice() | function HideSubmenuHumanPractice() | ||
{ | { | ||
| - | + | SubmenuWidth_Des_HumanPractice = 0; | |
| - | + | SubmenuWidth_Des_Blank = 0; | |
if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice); | if (handleSubmenu_HumanPractice) clearTimeout(handleSubmenu_HumanPractice); | ||
handleSubmenu_HumanPractice = null; | handleSubmenu_HumanPractice = null; | ||
| Line 852: | Line 799: | ||
} | } | ||
| - | function | + | function FreshSubmenuWidth() |
{ | { | ||
| - | + | SubmenuWidth_Cur_Blank += ( SubmenuWidth_Des_Blank - SubmenuWidth_Cur_Blank ) * 0.35; | |
| - | + | SubmenuWidth_Cur_Team += ( SubmenuWidth_Des_Team - SubmenuWidth_Cur_Team ) * 0.35; | |
| - | + | SubmenuWidth_Cur_Project += ( SubmenuWidth_Des_Project - SubmenuWidth_Cur_Project ) * 0.35; | |
| - | + | SubmenuWidth_Cur_Modeling += ( SubmenuWidth_Des_Modeling - SubmenuWidth_Cur_Modeling ) * 0.35; | |
| + | SubmenuWidth_Cur_HumanPractice += ( SubmenuWidth_Des_HumanPractice - SubmenuWidth_Cur_HumanPractice ) * 0.35; | ||
var tmp; | var tmp; | ||
| - | tmp = document.getElementById(" | + | tmp = document.getElementById("PKU_banner_submenu_blank"); |
| - | tmp.style. | + | tmp.style.width = SubmenuWidth_Cur_Blank + "px"; |
| - | + | tmp = document.getElementById("PKU_banner_submenu_team"); | |
| - | tmp = document.getElementById(" | + | tmp.style.width = SubmenuWidth_Cur_Team * 300 + "px"; |
| - | tmp.style. | + | tmp = document.getElementById("PKU_banner_submenu_project"); |
| - | + | tmp.style.width = SubmenuWidth_Cur_Project * 300 + "px"; | |
| - | tmp = document.getElementById(" | + | tmp = document.getElementById("PKU_banner_submenu_modeling"); |
| - | tmp.style. | + | tmp.style.width = SubmenuWidth_Cur_Modeling * 300 + "px"; |
| - | + | tmp = document.getElementById("PKU_banner_submenu_humanpractice"); | |
| - | tmp = document.getElementById(" | + | tmp.style.width = SubmenuWidth_Cur_HumanPractice * 300 + "px"; |
| - | tmp.style. | + | |
} | } | ||
| - | var | + | var handleFreshSubmenuWidth = setInterval("FreshSubmenuWidth();",50); |
</script> | </script> | ||
</html> | </html> | ||
Revision as of 15:35, 22 August 2012
