"
Team:SYSU-Software/menu
From 2012.igem.org
(Difference between revisions)
Nie1234567 (Talk | contribs) |
Nie1234567 (Talk | contribs) |
||
| (34 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<style> | <style> | ||
| + | #top-section{ | ||
| + | position: absolute; | ||
| + | width: 100%; | ||
| + | height: 0; | ||
| + | border: none; | ||
| + | font-size: 9px; | ||
| + | z-index: 10 | ||
| + | } | ||
| + | #top-section #menubar.left-menu{ | ||
| + | position: absolute; | ||
| + | top: 0; left: 0; | ||
| + | font-size: 9px; | ||
| + | z-index: 10 | ||
| + | } | ||
| + | #top-section #menubar.right-menu{ | ||
| + | position: absolute; | ||
| + | top: 0; right: 0; | ||
| + | font-size: 9px; | ||
| + | z-index: 10 | ||
| + | } | ||
| + | #top-section #p-logo, | ||
| + | #top-section #search-controls, | ||
| + | #content h1.firstHeading, | ||
| + | #content #bodyContent #contentSub, | ||
| + | #content #bodyContent p, /* holly crap, they have p element for script tag and no id and no class... */ | ||
| + | #catlinks{ | ||
| + | display: none; | ||
| + | } | ||
| + | #globalWrapper{margin: 0 auto;width:100%;} | ||
| - | #content { | + | #globalWrapper #content{ |
| - | background: | + | background: none; |
| - | + | margin: 0 auto; | |
| + | padding: 0px; | ||
| + | border: none; | ||
| + | width：100%; | ||
| + | |||
| + | } | ||
| + | |||
| + | #footer-box { | ||
| + | border-top: 1px solid #E4E4E4; | ||
| + | border-right: 0px; | ||
| + | border-bottom: 0px; | ||
| + | border-left: 0px; | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | /* because I hide p element in #bodyContent */ | ||
| + | #content #bodyContent div p{ | ||
| + | display: block; | ||
| + | } | ||
| + | #goTopBtn { | ||
| + | POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto | ||
} | } | ||
</style> | </style> | ||
| + | <SCRIPT type=text/javascript > | ||
| + | |||
| + | function goTopEx(){ | ||
| + | var obj=document.getElementById("goTopBtn"); | ||
| + | function getScrollTop(){ | ||
| + | return document.documentElement.scrollTop; | ||
| + | } | ||
| + | function setScrollTop(value){ | ||
| + | document.documentElement.scrollTop=value; | ||
| + | } | ||
| + | window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";} | ||
| + | obj.onclick=function(){ | ||
| + | var goTop=setInterval(scrollMove,10); | ||
| + | function scrollMove(){ | ||
| + | setScrollTop(getScrollTop()/1.1); | ||
| + | if(getScrollTop()<1)clearInterval(goTop); | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | </SCRIPT> | ||
| + | <body > | ||
| + | |||
| + | <DIV style="DISPLAY: none" id=goTopBtn><img border=0 src="http://preview.zcool.com.cn/upimg/allimg/070622/0304268.gif" style="width: 25px;"/></DIV> | ||
| + | <SCRIPT type=text/javascript>goTopEx();</SCRIPT> | ||
| + | |||
| + | </body> | ||
</html> | </html> | ||
Latest revision as of 01:37, 27 September 2012
