滚动式菜单(JavaScript)

滚动式菜单(JavaScript)

<html>
<head>
<title>网页作坊--滚动式菜单！</title>
<meta http-equiv="目录类型" content="文本/html; 字符集=gb2312">
<SCRIPT language=JavaScript>



</SCRIPT>
<SCRIPT language=JavaScript>

function YY_c (yy_x,yy_y){
yyLayerScroll('document.layers['LC']','document.all['LC']',10, yy_x, yy_y, 0, 0,10,10);
}

function yyLayerScroll(targetNN, targetIE, delay, ex, ey, dx, dy, sx, sy, yyX, yyY) {
    if (document.layers) {
        target = eval(targetNN);
        var ct = target.clip.top;
        var cb = target.clip.bottom;
        var cl = target.clip.left;
        var cr = target.clip.right;

        yyY=Math.abs(Math.round((ct-ey)/sy));
        dy=Math.round(-(ct-ey)/yyY);
        yyX=Math.abs(Math.round((cl-ex)/sx));
        dx=Math.round(-(cl-ex)/yyX);

    if(yyX<1){dx=0}else{yyX--};
        if(yyY<1){dy=0}else{yyY--};
     var t = target.top;
     target.clip.top = ct + (dy);
     target.clip.bottom = cb + (dy);
     target.top = t - (dy);
     var l = target.left;
     target.clip.left = cl + dx;
     target.clip.right = cr + dx;
     target.left = l - dx;
   }else {
    if (document.all) {
      IEobjStr = targetIE.replace("['", ".");
      target = eval(IEobjStr.replace("']", ""));
      //yyIsScroll = -target.style.pixelTop+124;
       if (target.style.clip) {
         var clipv = target.style.clip.split("rect(")[1].split(")")[0].split("px");
         var ct = Number(clipv[0]);
         var cr = Number(clipv[1]);
         var cb = Number(clipv[2]);
         var cl = Number(clipv[3]);
         var l = target.style.pixelLeft;
         var t = target.style.pixelTop;
       }
      yyY=Math.abs(Math.round((ct-ey)/sy));
      dy=Math.round(-(ct-ey)/yyY);
      yyX=Math.abs(Math.round((cl-ex)/sx));
        dx=Math.round(-(cl-ex)/yyX);

        if(yyX<1)dx=0;
          if(yyY<1)dy=0;
      ncl = cl + dx;
      nct = ct + dy;
      ncr = cr + dx;
      ncb = cb + dy;
      target.style.pixelTop = t - dy;
      target.style.pixelLeft = l - dx;
      eval("target.style.clip = 'rect(' + nct + ' ' + ncr + ' ' + ncb + ' ' + ncl +')'");
      yyY--;
          yyX--;
    }
}

clearTimeout(target.yyScroller)
//status=yyX+' '+yyY
if(yyY>0||yyX>0)target.yyScroller = setTimeout("yyLayerScroll("" + targetNN + "","" + targetIE
+ ""," + delay + "," + ex+ "," + ey+ "," + dx+ "," + dy + "," +sx + "," + sy + "," + yyX + "," +
yyY+ ")", delay);
}

</SCRIPT>
<SCRIPT language=JavaScript>

</SCRIPT>
<style type="text/css">

</style>
</head>

<body bgcolor="#FFFFFF" onLoad="MM_preloadImages
('y_r5_c01_f2.gif','y_r5_c02_f2.gif','y_r5_c03_f2.gif','y_r5_c04_f2.gif','y_r5_c05_f2.gif')">
<div id=LC
style="CLIP: rect(0px 120px 22px 0px); HEIGHT: 22px; LEFT: 162px; POSITION: absolute; TOP: 94px; WIDTH:
484px; Z-INDEX: 2">
<table border=0 cellpadding=0 cellspacing=0>
  <tbody>
  <tr>
   <td colspan=3>
    <div align=center>绿意新生</div>
   </td>
   <td>
    <div align="center">虚拟社区</div>
   </td>
   <td>
    <div align=center>访客留言</div>
   </td>
   <td>
    <div align=center>友情链接</div>
   </td>
   <td>
    <div align=center>关于斑竹</div>
   </td>
   <td>
    <div align=center>浓浓茶馆</div>
   </td>
  </tr>
  <tr>
   <td colspan=3><img height=1 src="images/shim.gif" width=100></td>
   <td><img height=1 src="images/shim.gif" width=100></td>
   <td><img height=1 src="images/shim.gif" width=100></td>
   <td><img height=1 src="images/shim.gif" width=100></td>
   <td><img height=1 src="images/shim.gif"
width=100>
   <td><img height=1 src="images/shim.gif"
width=100></td>
  </tr>
  </tbody>
</table>
</div>
<div id=Layer1
style="LEFT: 245px; POSITION: absolute; TOP: 125px; Z-INDEX: 3">
<table border=0 cellpadding=0 cellspacing=0 width="135">
  <tbody>
  <tr>
   <td><a href="http://nethome.onchina.net"
   onMouseOut="MM_swapImgRestore();MM_callJS('YY_c (0,0)')"
   onMouseOver="MM_swapImage('y_r5_c01','','y_r5_c01_f2.gif',1);MM_callJS('YY_c (100,0)')"
target="_blank"><img border=0 height=25 name=y_r5_c01
   src="images/y_r5_c01.gif" width=25></a></td>
   <td><a href="http://surpass.abc.yesite.com"
   onMouseOut="MM_swapImgRestore();MM_callJS('YY_c (0,0)')"
   onMouseOver="MM_swapImage('y_r5_c02','','y_r5_c02_f2.gif',1);MM_callJS('YY_c (200,0)')"
target="_blank"><img border=0 height=25 name=y_r5_c02
   src="images/y_r5_c02.gif" width=25></a></td>
   <td><a href="small/link.htm"
   onMouseOut="MM_swapImgRestore();MM_callJS('YY_c (0,0)')"
   onMouseOver="MM_swapImage('y_r5_c03','','y_r5_c03_f2.gif',1);MM_callJS('YY_c (300,0)')"
target="_top">
    <img border=0 height=25 name=y_r5_c03
   src="images/y_r5_c03.gif" width=25></a></td>
   <td><a href="small/aboutme.htm"
   onMouseOut="MM_swapImgRestore();MM_callJS('YY_c (0,0)')"
   onMouseOver="MM_swapImage('y_r5_c04','','y_r5_c04_f2.gif',1);MM_callJS('YY_c (400,0)')"
target="_top">
    <img border=0 height=25 name=y_r5_c04
   src="images/y_r5_c04.gif" width=25></a></td>
   <td><a href="http://freechat.163.com/freechat/link.php3?user=surpassboy"
   onMouseOut="MM_swapImgRestore();MM_callJS('YY_c (0,0)')"
   onMouseOver="MM_swapImage('y_r5_c05','','y_r5_c05_f2.gif',1);MM_callJS('YY_c (500,0)')"
target="_blank">
    <img border=0 height=25 name=y_r5_c05
   src="images/y_r5_c05.gif" width=25></a></td>
  </tr>
  </tbody>
</table>
</div>
</body>
</html>