分享

blog中加入滚动菜单的代码

 胡杨烈风 2006-07-01

<SCRIPT language=JavaScript>                               
 self.onError=null;                               
 currentX = currentY = 0;                                 
 whichIt = null;                                          
 lastScrollX = 0; lastScrollY = 0;                               
 NS = (document.layers) ? 1 : 0;                               
 IE = (document.all) ? 1: 0;                               
 <!-- STALKER CODE -->                               
 function heartBeat() {                               
  if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }                               
     if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }                               
  if(diffY != lastScrollY) {                               
                 percent = .25 * (diffY - lastScrollY);                               
                 if(percent > 0) percent = Math.ceil(percent);                               
                 else percent = Math.floor(percent);
   sy = document.all.floater.style.pixelTop + percent;                                
   if(sy<75)
   { lastScrollY=70; percent=0; sy=75;}
   if(IE) document.all.floater.style.pixelTop = sy;
                 lastScrollY = lastScrollY + percent;                               
       
     }                               
                               
 }                               
 if(NS || IE) action = window.setInterval("heartBeat()",1);                               
 </SCRIPT>

<DIV id=floater>
<DIV onmouseup=down=false onmousedown=down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top) id=plane style="RIGHT: 220px; WIDTH: 1px; CURSOR: hand; POSITION: absolute; TOP: 30px; HEIGHT: 1px">
<DIV class=none onmouseover=stopTimerline();menuItemIn() style="Z-INDEX: 1; RIGHT: -120px; BACKGROUND: #134ea9; WIDTH: 100px; CURSOR: move; COLOR: white; POSITION: absolute; TOP: 43px; HEIGHT: 18px" onmouseout=runTimerline() align=center><FONT color=#ffffff>菜 单</FONT></DIV>
<DIV class=none id=item1 onmouseover="this.className=‘over‘;stopTimerline()" style="Z-INDEX: 2; BACKGROUND: #cccccc; FILTER: alpha(opacity=0); LEFT: -80px; WIDTH: 100px; POSITION: absolute; TOP: 62px; HEIGHT: 18px" onmouseout="this.className=‘none‘;runTimerline()" align=center><A href=网址"">文 字</A></DIV>
<DIV class=none id=item2 onmouseover="this.className=‘over‘;stopTimerline()" style="Z-INDEX: 3; BACKGROUND: #707888; FILTER: alpha(opacity=0); LEFT: 120px; WIDTH: 100px; POSITION: absolute; TOP: 81px; HEIGHT: 18px" onmouseout="this.className=‘none‘;runTimerline()" align=center><A href="网址">照 片</A></DIV>
<DIV class=none id=item3 onmouseover="this.className=‘over‘;stopTimerline()" style="Z-INDEX: 4; BACKGROUND: #cccccc; FILTER: alpha(opacity=0); LEFT: -80px; WIDTH: 100px; POSITION: absolute; TOP: 100px; HEIGHT: 18px" onmouseout="this.className=‘none‘;runTimerline()" align=center><A href="网址">收 藏</A></DIV>
<DIV class=none id=item4 onmouseover="this.className=‘over‘;stopTimerline()" style="Z-INDEX: 5; BACKGROUND: #707888; FILTER: alpha(opacity=0); LEFT: 120px; WIDTH: 100px; POSITION: absolute; TOP: 119px; HEIGHT: 18px" onmouseout="this.className=‘none‘;runTimerline()" align=center><A href="网址">杂 烩</A></DIV>
<DIV class=none id=item5 onmouseover="this.className=‘over‘;stopTimerline()" style="Z-INDEX: 6; BACKGROUND: #cccccc; FILTER: alpha(opacity=0); LEFT: -80px; WIDTH: 100px; POSITION: absolute; TOP: 138px; HEIGHT: 18px" onmouseout="this.className=‘none‘;runTimerline()" align=center><A href="#TOP">↑回顶部↑</A></DIV>
<DIV class=none id=item6 onmouseover="this.className=‘over‘;stopTimerline()" style="Z-INDEX: 7; BACKGROUND: #707888; FILTER: alpha(opacity=0); LEFT: 120px; WIDTH: 100px; POSITION: absolute; TOP: 157px; HEIGHT: 18px" onmouseout="this.className=‘none‘;runTimerline()" align=center><A href="网址/">←回首页</A></DIV></DIV></DIV>
<SCRIPT>
<pre>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约