Team:Tsinghua/Team
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
- | <body> | + | <head> |
+ | <title></title> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <style type="text/css">td img {display: block;}</style> | ||
+ | <!--Fireworks CS5 Dreamweaver CS5 target. Created Sat Apr 14 20:15:24 GMT+0800 2012--> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | #search-controls { | ||
+ | position: absolute; | ||
+ | top: 20px; | ||
+ | right: 15px; | ||
+ | width: 150px; | ||
+ | height: 40px; | ||
+ | background-color: transparent; | ||
+ | text-align: center; | ||
+ | z-index: 3; | ||
+ | } | ||
+ | input.searchButton { | ||
+ | margin: 1px 10px 0 10px; | ||
+ | font-size: 100%; | ||
+ | background: none; | ||
+ | border: none; | ||
+ | color: #FFFFFF; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | input.searchButton:hover { | ||
+ | color: E0E0E0; | ||
+ | } | ||
+ | #searchInput { | ||
+ | width: 10.9em; | ||
+ | margin: 0; | ||
+ | font-size: 95%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #menubar { | ||
+ | position: absolute; | ||
+ | white-space: nowrap; | ||
+ | top: -6px; | ||
+ | width: 400px; | ||
+ | z-index: 5; | ||
+ | font-family: sans-serif; | ||
+ | font-size: 95%; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | .left-menu, .left-menu a { | ||
+ | left: 0px; | ||
+ | text-align: left; | ||
+ | color: #000000; | ||
+ | opacity:0.6; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover { | ||
+ | color: white; | ||
+ | background-color: #000000; | ||
+ | opacity:0.6; | ||
+ | } | ||
+ | .right-menu, .right-menu a { | ||
+ | right: 0px; | ||
+ | text-align: right; | ||
+ | color: white; | ||
+ | } | ||
+ | #menubar ul { | ||
+ | color: #000000; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #menubar li { | ||
+ | display: inline; | ||
+ | position: relative; | ||
+ | cursor: pointer; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | .left-menu li a { | ||
+ | padding: 0px 10px 0px 0px; | ||
+ | } | ||
+ | .left-menu .selected { | ||
+ | color: white; | ||
+ | } | ||
+ | #.left-menu .selected:hover { | ||
+ | color: #5555FF; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover a { | ||
+ | color: white; | ||
+ | } | ||
+ | .right-menu li { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .right-menu li a { | ||
+ | padding: 0px 15px 0px 0px; | ||
+ | color: white; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .right-menu li a:hover { | ||
+ | color: #aaaaff; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script type="text/javascript" language="JavaScript1.2"> | ||
+ | var item_count = 4; | ||
+ | var image_over = new Array(item_count); | ||
+ | var image_down = new Array(item_count); | ||
+ | var image_normal = new Array(item_count); | ||
+ | function init(){ | ||
+ | //完成预先载入过程 | ||
+ | preLoadButtonImage(); | ||
+ | } | ||
+ | function preLoadButtonImage(){ | ||
+ | //记录导航菜单的项目数 | ||
+ | //var image_over = new Array(item_count); | ||
+ | //var image_down = new Array(item_count); | ||
+ | var i = 0; | ||
+ | for (i = 0; i < image_over.length; i++){ | ||
+ | image_normal[i] = new Image(); | ||
+ | image_over[i] = new Image(); | ||
+ | image_down[i] = new Image(); | ||
+ | } | ||
+ | image_normal[0].src = "https://static.igem.org/mediawiki/2012/e/ed/HOME_NAVI.gif"; | ||
+ | image_normal[1].src = "https://static.igem.org/mediawiki/2012/4/40/Project_NAVI.gif"; | ||
+ | image_normal[2].src = "https://static.igem.org/mediawiki/2012/4/43/TEAM_NAVI.gif"; | ||
+ | image_normal[3].src = "https://static.igem.org/mediawiki/2012/1/1e/NOTEBOOK_NAVI.gif"; | ||
+ | |||
+ | image_over[0].src = "https://static.igem.org/mediawiki/2012/e/ef/HOME_NAVI_OVER.gif"; | ||
+ | image_over[1].src = "https://static.igem.org/mediawiki/2012/4/48/Project_NAVI_OVER.gif"; | ||
+ | image_over[2].src = "https://static.igem.org/mediawiki/2012/4/45/TEAM_NAVI_OVER.gif"; | ||
+ | image_over[3].src = "https://static.igem.org/mediawiki/2012/5/58/NOTEBOOK_NAVI_OVER.gif"; | ||
+ | |||
+ | image_down[0].src = "https://static.igem.org/mediawiki/2012/1/1e/HOME_NAVI_DOWN.gif"; | ||
+ | image_down[1].src = "https://static.igem.org/mediawiki/2012/2/27/Project_NAVI_DOWN.gif"; | ||
+ | image_down[2].src = "https://static.igem.org/mediawiki/2012/f/f4/TEAM_NAVI_DOWN.gif"; | ||
+ | image_down[3].src = "https://static.igem.org/mediawiki/2012/a/a5/NOTEBOOK_NAVI_DOWN.gif"; | ||
+ | |||
+ | //document.getElementById("Home")[0].src = image_normal[0].src; | ||
+ | //alert(document.getElementById("Home").id + " " + document.getElementById("Home").nodeName); | ||
+ | |||
+ | |||
+ | } | ||
+ | function changeImage_over(obj, pos){ | ||
+ | |||
+ | obj.src = image_over[pos].src; | ||
+ | } | ||
+ | function changeImage_down(obj, pos){ | ||
+ | obj.src = image_down[pos].src; | ||
+ | } | ||
+ | function changeImage_leave(obj, pos){ | ||
+ | obj.src = image_normal[pos].src; | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | </head> | ||
+ | <body bgcolor="#ffffff" onLoad="Javascript:init();"> | ||
+ | |||
<div id="TOP_BAR" style="position: absolute; width: 976px; height: 100px; z-index: 2; left: -1px; top: -100px; background:white"> | <div id="TOP_BAR" style="position: absolute; width: 976px; height: 100px; z-index: 2; left: -1px; top: -100px; background:white"> | ||
<img src="https://static.igem.org/mediawiki/2012/4/43/TOPBAR_Temp.png" height="100%" width="100%" alt="TOPBAR"/> | <img src="https://static.igem.org/mediawiki/2012/4/43/TOPBAR_Temp.png" height="100%" width="100%" alt="TOPBAR"/> | ||
</div> | </div> | ||
+ | |||
+ | <div style="position: absolute; width: 975px; height: 50px; z-index: 1; left: 0px; top: 0px; background:white" id="layer1"> | ||
+ | |||
+ | <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="975px"> | ||
+ | |||
+ | <tr> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="90" height="1" border="0" alt="" /></td> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="108" height="1" border="0" alt="" /></td> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="92" height="1" border="0" alt="" /></td> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="134" height="1" border="0" alt="" /></td> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="1" height="1" border="0" alt="" /></td> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="1" height="1" border="0" alt="" /></td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td><a href="https://2012.igem.org/Team:Tsinghua"><img name="Home" src="https://static.igem.org/mediawiki/2012/e/ed/HOME_NAVI.gif" width="90" height="32" border="0" id="Home" alt="Home" onmouseover="javascript:changeImage_over(this, 0);" onmousedown="javascript:changeImage_down(this, 0);" onmouseleave="javascript:changeImage_leave(this, 0);" onmouseout="javascript:changeImage_leave(this, 0);"/></a></td> | ||
+ | <td><a href="https://2012.igem.org/Team:Tsinghua/Project"><img name="Project" src="https://static.igem.org/mediawiki/2012/4/40/Project_NAVI.gif" width="108" height="32" border="0" id="Project" alt="Project" onmouseover="javascript:changeImage_over(this, 1);" onmousedown="javascript:changeImage_down(this, 1);" ononmouseleave="javascript:changeImage_leave(this, 1);" onmouseout="javascript:changeImage_leave(this, 1);"/></a></td> | ||
+ | <td><a href="https://2012.igem.org/Team:Tsinghua/Team"><img name="Team" src="https://static.igem.org/mediawiki/2012/4/43/TEAM_NAVI.gif" width="92" height="32" border="0" id="Team" alt="Team" onmouseover="javascript:changeImage_over(this, 2);" onmousedown="javascript:changeImage_down(this, 2);" onmouseleave="javascript:changeImage_leave(this, 2);" onmouseout="javascript:changeImage_leave(this, 2);"/></a></td> | ||
+ | <td><a href="https://2012.igem.org/Team:Tsinghua/Notebook"><img name="Notebooo" src="https://static.igem.org/mediawiki/2012/1/1e/NOTEBOOK_NAVI.gif" width="134" height="32" border="0" id="Notebook" alt="Notebook" onmouseover="javascript:changeImage_over(this, 3);" onmousedown="javascript:changeImage_down(this, 3);" onmouseleave="javascript:changeImage_leave(this, 3);" onmouseout="javascript:changeImage_leave(this, 3);"/></a></td> | ||
+ | <td><img name="OTHER" src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="550" height="32" border="0" id="OTHER" alt="" /></td> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="1" height="32" border="0" alt="" /></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 13:22, 12 July 2012