|
|
| (3 intermediate revisions not shown) |
| Line 2: |
Line 2: |
| | <style type="text/css"> | | <style type="text/css"> |
| | | | |
| - | #PKU_navi_totop{ | + | #totop{ |
| | position: fixed; | | position: fixed; |
| | bottom: 15px; | | bottom: 15px; |
| | right: 15px;} | | right: 15px;} |
| - | #PKU_navi_totop li | + | #totop li |
| | { | | { |
| - | width: 88px; | + | width: 100px; |
| - | height: 31px; | + | height: 106px; |
| | padding: 0; | | padding: 0; |
| | overflow: hidden; | | overflow: hidden; |
| Line 17: |
Line 17: |
| | </style> | | </style> |
| | <div> | | <div> |
| - | <ul id="PKU_navi_totop"> | + | <ul id="totop"> |
| - | <li onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" onclick="NaviTotop();"> | + | <li onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" onclick="NaviTotop();"> |
| - | <img src="/wiki/images/e/e2/Peking2012_Top.png" alt="Totop" /> | + | <img src="/wiki/images/a/a3/Flytotop.png" alt="Totop" /> |
| - | <img src="/wiki/images/0/0d/Peking2012_Top_H.png" alt="Totop" />
| + | |
| | </li> | | </li> |
| | </ul> | | </ul> |
| Line 26: |
Line 25: |
| | | | |
| | <script type="text/javascript" > | | <script type="text/javascript" > |
| - | var naviMenu = document.getElementById('PKU_navi_menu');
| |
| - | var naviIndex = document.getElementById('PKU_navi_index');
| |
| - |
| |
| - | var naviIndex_Cur = 0;
| |
| - | var naviIndex_Des = 1;
| |
| - | var naviHandle = null;
| |
| - | var naviHandleState = 0; //0:Noop 1:Growth 2:Wait 3:Wither
| |
| - |
| |
| - | var menutitle = document.getElementsByTagName("h3");
| |
| - | var menuhtml = "";
| |
| - | var indexheight = 1.5 * (menutitle.length+2) * 16; /* 1em = 16px */
| |
| - |
| |
| - | function ButtonMouseOver(objPointer)
| |
| - | {
| |
| - | var Img = objPointer.getElementsByTagName("img");
| |
| - | Img[1].style.display = "block";
| |
| - | Img[0].style.display = "none";
| |
| - | }
| |
| - |
| |
| - | function ButtonMouseOut(objPointer)
| |
| - | {
| |
| - | var Img = objPointer.getElementsByTagName("img");
| |
| - | Img[0].style.display = "block";
| |
| - | Img[1].style.display = "none";
| |
| - | }
| |
| - |
| |
| - | function NaviIndexGrowth()
| |
| - | {
| |
| - | naviIndex_Cur = naviIndex_Cur * 0.7 + naviIndex_Des * 1.2 * 0.3;
| |
| - | if (naviIndex_Cur>=naviIndex_Des)
| |
| - | {
| |
| - | naviIndex_Cur=naviIndex_Des;
| |
| - | naviHandle = null;
| |
| - | naviHandleState = 0;
| |
| - | }
| |
| - | else
| |
| - | {
| |
| - | naviHandle = setTimeout(NaviIndexGrowth,50);
| |
| - | }
| |
| - | naviMenu.style.width=naviIndex_Cur*250+'px';
| |
| - | naviMenu.style.height=naviIndex_Cur*indexheight+'px';
| |
| - | }
| |
| - | function NaviIndexWither()
| |
| - | {
| |
| - | naviIndex_Cur = naviIndex_Cur * 0.7 - 0.1;
| |
| - | if (naviIndex_Cur<=0)
| |
| - | {
| |
| - | naviIndex_Cur=0;
| |
| - | naviHandle = null;
| |
| - | naviHandleState = 0;
| |
| - | ButtonMouseOut(naviIndex);
| |
| - | naviMenu.style.display="none";
| |
| - | }
| |
| - | else
| |
| - | {
| |
| - | naviHandle = setTimeout(NaviIndexWither,50);
| |
| - | }
| |
| - | naviMenu.style.width=naviIndex_Cur*250+'px';
| |
| - | naviMenu.style.height=naviIndex_Cur*indexheight+'px';
| |
| - | }
| |
| - | function NaviIndexReturn()
| |
| - | {
| |
| - | naviHandle = null;
| |
| - | naviHandleState = 3;
| |
| - | NaviIndexWither();
| |
| - | }
| |
| - | function NaviIndexWaiting()
| |
| - | {
| |
| - | if (naviHandle) {clearTimeout(naviHandle);}
| |
| - | naviHandle=setTimeout(NaviIndexReturn,1000);
| |
| - | naviHandleState=2;
| |
| - | }
| |
| - | function NaviIndexTrigger()
| |
| - | {
| |
| - | naviMenu.style.display="block";
| |
| - | if (naviHandleState>1) {clearTimeout(naviHandle);naviHandle=null;}
| |
| - | if (naviHandleState!=1) {NaviIndexGrowth();naviHandleState=1;}
| |
| - | }
| |
| - |
| |
| | var PageScrollElem,PageScrollBody; | | var PageScrollElem,PageScrollBody; |
| | var PageScrollHand=null; | | var PageScrollHand=null; |
| Line 136: |
Line 56: |
| | PageScrollTotop(); | | PageScrollTotop(); |
| | } | | } |
| - |
| |
| - | for (var it=1;it<menutitle.length;++it)
| |
| - | {
| |
| - | menuhtml += '<li><a href="#title' + it + '">' + menutitle[it].innerHTML.replace(/<[^>]*>/g,"") + "</a></li>";
| |
| - | }
| |
| - | naviMenu.innerHTML = menuhtml;
| |
| - | naviMenu.style.display="none";
| |
| | | | |
| | </script> | | </script> |
"
