模拟QQ菜单,还有错误,实在"编"不下去,高手过来帮着改改

还有第5菜单内的IFrame经常过大,有最后一个菜单当着不容易发现哦!!-_-b

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>模拟QQ菜单</title>
<SCRIPT LANGUAGE="JavaScript">
var div_no=5;//菜单数量
var cc=320;//菜单长度
var olddiv=4;//上次展示的菜单
var newdiv=0;//本次展示的菜单divarray = new Array();//菜单状态,上/下
divarray[0]="up";
divarray[1]="up";
divarray[2]="up";
divarray[3]="up";
divarray[4]="up";function movediv(thediv)
{
newdiv=parseInt(thediv);
if(divarray[thediv]=="up")
{movedown(thediv);}
else if(divarray[thediv]=="down")
{moveup(thediv);}
}
function movedown(thediv)
{
if(divarray[newdiv+1]!="down")
{
for(i=0;i<div_no;i++)
{
if(i==newdiv)//当前展示菜单内的Iframe变大
{ww=parseInt(eval("document.all.ifm"+i+".height"))+20;
eval("document.all.ifm"+i+".height = "+ww);}
if(i==olddiv)//上次展示菜单内的Iframe变小
{eval("document.all.ifm"+i+".height -= 20");}

if(i > newdiv && divarray[i] =="up")
{
eval("div"+i+".style.posTop += 20");//移动菜单位置
cccc=cc-(eval("div"+i+".offsetTop")-i*20);//剪切菜单显示
eval("div"+i+".style.clip='rect(0 100% "+cccc+" 0)'");
kkkk=eval("div"+i+".style.posTop")
if(kkkk==(cc+i*20-20))//判断是否到位,写菜单状态数组
{divarray[i]="down";
olddiv=newdiv;}
} }
eval("setTimeout('movedown("+thediv+")',20)");
}
}
function moveup(thediv)
{
if(divarray[newdiv]!="up")
{
for(i=0;i<div_no;i++)
{
if(i==newdiv)//当前展示菜单内的Iframe变大
{ww=parseInt(eval("document.all.ifm"+i+".height"))+40;
eval("document.all.ifm"+i+".height = "+ww);}
if(i==olddiv)//上次展示菜单内的Iframe变小
{eval("document.all.ifm"+i+".height -= 20");} if(i <= newdiv && divarray[i]=="down")
{
eval("div"+i+".style.posTop -= 20");//移动菜单位置
cccc=cc-(eval("div"+i+".offsetTop")-i*20);//剪切菜单显示
eval("div"+i+".style.clip='rect(0 100% "+cccc+" 0)'");
kkkk=eval("div"+i+".style.posTop")
if(kkkk==(i*20))//判断是否到位,写菜单状态数组
{divarray[i]="up";
olddiv=newdiv;}
}
}
eval("setTimeout('moveup("+thediv+")',20)");
}
}
</SCRIPT>
</head>
<body><div id="div0" style="position:absolute; left:0px; top:0px; width:100; height:0px; z-index:1">
  <table width="105" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
    <tr onmouseover="this.style.cursor='hand'" onclick="movediv('0')">
      <td height="18" align="center" bordercolorlight="#333333" bordercolordark="#EEEEEE"><font size="2" color="#FFFFFF">第1菜单<font color="#FF0000">0</font></font></td>
    </tr>
    <tr>
      <td height="300" align="center" valign="top" bordercolor="#999999" bgcolor="#666666">
  <IFRAME name="ifm0" src="0.htm"  frameborder="0" marginwidth="0" marginheight="0" height="0" width="100"></IFRAME>
  </td>
    </tr>
  </table>
</div><div id="div1" style="position:absolute; left:0px; top:20px; width:100; height:0px; z-index:2">
  <table width="105" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
    <tr onmouseover="this.style.cursor='hand'" onclick="movediv('1')">
      <td height="18" align="center" bordercolorlight="#333333" bordercolordark="#EEEEEE"><font size="2" color="#FFFFFF">第2菜单<font color="#FF0000">1</font></font></td>
    </tr>
    <tr>
      <td height="300" align="center" valign="top" bordercolor="#999999" bgcolor="#666666">
  <IFRAME name="ifm1" src="1.htm"  frameborder="0" marginwidth="0" marginheight="0" height="0" width="100"></IFRAME>
  </td>
    </tr>
  </table>
</div><div id="div2" style="position:absolute; left:0px; top:40px; width:100; height:0px; z-index:3">
  <table width="105" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
    <tr onmouseover="this.style.cursor='hand'" onclick="movediv('2')">
      <td height="18" align="center" bordercolorlight="#333333" bordercolordark="#EEEEEE"><font size="2" color="#FFFFFF">第3菜单<font color="#FF0000">2</font></font></td>
    </tr>
    <tr>
      <td height="300" align="center" valign="top" bordercolor="#999999" bgcolor="#666666">
  <IFRAME name="ifm2" src="2.htm"  frameborder="0" marginwidth="0" marginheight="0" height="0" width="100"></IFRAME>
  </td>
    </tr>
  </table>
</div><div id="div3" style="position:absolute; left:0px; top:60px; width:100; height:0px; z-index:4">
  <table width="105" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
    <tr onmouseover="this.style.cursor='hand'" onclick="movediv('3')">
      <td height="18" align="center" bordercolorlight="#333333" bordercolordark="#EEEEEE"><font size="2" color="#FFFFFF">第4菜单<font color="#FF0000">3</font></font></td>
    </tr>
    <tr>
      <td height="300" align="center" valign="top" bordercolor="#999999" bgcolor="#666666">
  <IFRAME name="ifm3" src="3.htm"  frameborder="0" marginwidth="0" marginheight="0" height="0" width="100"></IFRAME>
  </td>
    </tr>
  </table>
</div><div id="div4" style="position:absolute; left:0px; top:80px; width:100; height:0px; z-index:5">
  <table width="105" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
    <tr onmouseover="this.style.cursor='hand'" onclick="movediv('4')">
      <td height="18" align="center" bordercolorlight="#333333" bordercolordark="#EEEEEE"><font size="2" color="#FFFFFF">第5菜单<font color="#FF0000">4</font></font></td>
    </tr>
    <tr>
      <td height="300" align="center" valign="top" bordercolor="#999999" bgcolor="#666666">
  <IFRAME name="ifm4" src="4.htm"  frameborder="0" marginwidth="0" marginheight="0" height="300" width="100"></IFRAME>
  </td>
    </tr>
  </table>
</div>
<div id="divdd" style="position:absolute; left:0px; top:400px; width:100; height:0px; z-index:6">
  <table width="105" border="1" cellspacing="0" bgcolor="#CCCCCC">
    <tr onmouseover="this.style.cursor='hand'">
      <td height="18" align="center" bordercolorlight="#333333" bordercolordark="#EEEEEE">
  <font size="2" color="#FFFFFF"><A HREF="#">退出系统</A></font>
  </td>
    </tr>
  </table>
</div></body>
</html>

http://fason.nease.net/zhuanti/menu/qq.htm

我自己写了一个和你差不多的。不过没有移动效果。<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<link href="anyi1.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style>
</head><body link="#336699" vlink="#336699" alink="#336699" leftmargin="0" topmargin="0" class="NvBody">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="250">
      <table width="250" height="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#2D5B8A">
<tr>
<td height="" valign="top" class="NvTd1" id="td1" onClick="changeTD('td1')">
<table width="100%" height="18" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="NvTtd1" id="ttd1">用款计划管理</td></tr></table>
<div id="tdd1" style="position:absolute; width:100%; height:100%; z-index:1; overflow: auto; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: visible;" class="NvnvDiv">
              <br>
               预算单位指标录入<br><br>
 预算指标审核<br><br>
         分月用款计划录入<br><br>
         分月用款度划单位领导审核<br><br>
         分月用款计划业务科初审<br><br>
         分月用款度划国库科审批<br><br></div></td></tr>
<tr>
<td height="18" valign="top" class="NvTd2" id="td2" onClick="changeTD('td2')">
<table width="100%" height="18" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="NvTtd1">支付凭证管理</td></tr></table>
<div id="tdd2" style="position:absolute; width:100%; height:100%; z-index:1; overflow: auto; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #00?0000; visibility: hidden;" class="NvnvDiv">
<br> 财政支拦支付申请书<br><br>
 财政授权支付凭证<br><br>
 支付凭证查询<br><br></div></td></tr>
<tr>
<td height="18" valign="top" class="NvTd2" id="td3" onClick="changeTD('td3')">
<table width="100%" height="18" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="NvTtd1">单位帐表查询</td></tr></table>
<div id="tdd3" style="position:absolute; width:100%; height:100%; z-index:1; overflow: auto; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: hidden;" class="NvnvDiv">
<br> 单位用款计划申请表<br><br>
<img src="img/ar.gif" width="25" height="15"><a href="nv2.asp" target='main' onClick="parent.fr.cols='0,10,*';parent.bank.document.all.liststatus.value=0;parent.bank.document.all.arrow.src='img/left.jpg';">一级单位用款计划汇总表</a><br><br>
<img src="img/ar.gif" width="25" height="15"><a href="nv3.asp" target='main' onClick="parent.fr.cols='0,10,*';parent.bank.document.all.liststatus.value=0;parent.bank.document.all.arrow.src='img/left.jpg';">基层单位用款计划汇总表</a><br><br>
 单位用款计划结余汇总表<br><br>
 财政直接支付执行情况表<br><br>
 财政受权支付执行情况表<br><br>
 单位收支明细表<br><br>
 单位收支汇总表<br><br>
 单位资金使用情况表<br><br>
<img src="img/ar.gif" width="25" height="15"><a href="nv1.asp" target='main' onClick="parent.fr.cols='0,10,*';parent.bank.document.all.liststatus.value=0;parent.bank.document.all.arrow.src='img/left.jpg';">单位对帐单</a><br><br></div> </td>
  </tr>
  <tr>
    <td height="18" valign="top" class="NvTd2" id="td4" onClick="changeTD('td4')">
      <table width="100%" height="18" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td class="NvTtd1">代理银行确认管理</td>
  </tr>
</table>   <div id="tdd4" style="position:absolute; width:100%; height:100%; z-index:1; overflow: auto; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: hidden;" class="NvnvDiv">
        <br>
         财政资金申请划款凭证<br>
?       <br>
         财政资金汇总清算单<br>
        <br>
         财政资金清算单<br>
        <br>
         退款凭证<br>
        <br>
         财政授权用款计划额度通知单<br>
        <br>
         财政直接支付入帐通知单<br>
        <br>
         财政资金支付日(旬,月)报表<br>
        <br>
      </div> </td>
  </tr>
  <tr>
    <td height="18" valign="top" class="NvTd2" id="td5" onClick="changeTD('td5')">
      <table width="100%" height="18" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td class="NvTtd1">人民银行清算管理</td>
  </tr>
</table>

  <div id="tdd5" style="position:absolute; width:100%; height:100%; z-index:1; overflow: auto; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: hidden;" class="NvnvDiv">
        <br>
         分月用款计划额度确定<br>
        <br>
         清算确定<br>
        <br>
         财政支出日报表<br>
        <br>
         财政支出月报表<br>
        <br>
      </div> </td>
  </tr>
</table>
    </td>
<td align="left" valign="top" bgcolor="#FFFFFF"> '</td>
</tr></table>
  <script language="JScript">
function changeTD(obj){
for (i=0;i<5;i++){
if (obj == "td" + (i+1)){
b = i
// document.write("1")
}else{
document.all["td" + (i+1)].height=18
document.all["tdd" + (i+1)].style. visibility="hidden"
// document.write("0")
}
}
document.all["td" + (b+1)].height=""
document.all["tdd" + (b+1)].style.visibility="visible"
document.all["tdd" + (b+1)].style.height="100%"
document.all["tdd" + (b+1)].style.height=document.all["tdd" + (b+1)].offsetHeight-18
}
document.all["tdd1"].style.height=document.all["tdd1"].offsetHeight-18
</script></body>
</html>

/ / / / / / / / / / / / / / / / /
各位老大:可能我没把详细的要求说明白,
现在不是打算要个QQ菜单的代码,
是我自己写的不能正确运行,
内部的IFrame大小总是不能和菜单相符.
为什么??谁知道啊
各位大牛那个能看一看,到底那个地方错了~~帮忙改一下
kingdomzhf(旭日东升)
-------------------
感谢第一个回帖,
不过你改的代码还是不行,
关键就在于内部的IFrame,
我的是小了,你改的是变大了,
只是因为切割clip的缘故没有看到而已
现在要想把我的算法错误找出来,
希望仔细看看,费心了
net_lover(孟子E章)
---------------------------
五星大牛?!!!PFPF~~
你做的QQ菜单的确不错
不过要是把我的控制IFrame的代码去掉也能实现你的那些功能
那样的菜单写过,现在做的是内部有IFrame的
目前IFrame的滚动条设为可见就是要看看IFrame的效果
如果时间不忙的话,抢抢我这100分
shinaya(镜花水月)
-----------------------
^_^!!我的功能比你做的多,呵呵
没事看看,我觉得我写的注释还算详细,
目前就是内部的IFrame控制不太完美,
就当练习了,帮忙,帮忙!!

<html>
<head>
<title>汉中新视听</title>
<base href="/flash/mtv/" target=show_flash >
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body   bgcolor=#FFFFFF onload="dotransition()"  >
<script language="JavaScript">

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

</style>

<div id="mainboard" style="position:absolute; left:2px; top:2px; width:90px; height:370px; z-index:3; overflow: hidden; background: #0099FF;" onclick="">
  <div id="item1body" style="position:absolute; left:0; top:0; width:90px; height:260px; z-index:1; overflow: hidden">
    <table width="90" border="0" height="100%" cellpadding="2" cellspacing="0">
      <tr>
        <td id="item1head" height="20" class="headtd2" onclick="showme(item1body,this)">
          <div align="center">★公告栏★</div>
        </td>
    </tr>
    <tr>
        <td class="bodytd">
        <script LANGUAGE="JavaScript1.1">

</script>
<DIV id=content style="position: absolute; top:22px; left:0px; width:90px; height:260px; text-align:center; filter: revealTrans(Transition=1, Duration=3) revealTrans(Transition=2, Duration=3) revealTrans(Transition=3, Duration=2)  revealTrans(Transition=4, Duration=2)  revealTrans(Transition=5, Duration=1)  revealTrans(Transition=6, Duration=3)  revealTrans(Transition=7, Duration=2)  revealTrans(Transition=8, Duration=1)  revealTrans(Transition=9, Duration=3)  revealTrans(Transition=10, Duration=1)  revealTrans(Transition=11, Duration=2)  revealTrans(Transition=12, Duration=3)  revealTrans(Transition=13, Duration=1)  revealTrans(Transition=14, Duration=2)  revealTrans(Transition=15, Duration=3)  revealTrans(Transition=16 Duration=1)  revealTrans(Transition=17, Duration=2)  revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3) revealTrans(Transition=22, Duration=3)"> </DIV>
<DIV id=source style="position: absolute; top22:; left:0; width:90; color: AAAAAA;text-align:center"></DIV>
<DIV id=nn style="position: absolute; top:22px; left:0x"> </DIV></td>

  </td>
    </tr>
</table>
  </div>
  <div id="item2body" style="position:absolute; left:0px; top:260; width:90; height:260; z-index:2; overflow: hidden">
    <table width="90" border="0" height="100%" cellpadding="2" cellspacing="0">
      <tr>
        <td id="item2head" height="20" class="headtd1" onclick="showme(item2body,this)">
          <div align="center">●MTV菜单●</div>
        </td>
      </tr>
     <tr>
        <td class="bodytd">
          <div align="center"><a href="http://cartoonfile.163.com/source/1627/brtw1.swf" show_flash >不如跳舞</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://cartoonfile.163.com/source/13748/1017.swf">我不是天使</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://cartoonfile.163.com/source/3950/wu.swf" target=show_flash>眉飞色舞</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://cartoonfile.163.com/source/14093/74167.swf" target=show_flash>独角戏</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://cartoonfile.163.com/source/402/meteorrain.swf" target=show_flash>流星雨</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://www.hbinfo.ha.cn/flash/mtv/images/04203.swf" target=show_flash>大海-张雨生</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://www.hbinfo.ha.cn/flash/mtv/images/12313.swf" target=show_flash>网络情缘</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://www.hbinfo.ha.cn/flash/mtv/images/12103.swf" target=show_flash>忘忧草-周华健</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://music.ty.sx.cn/_private/flash/xizihupan.swf" target=show_flash>西子湖畔</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://wtmouse.myrice.com/ai.swf" target=show_flash>他不爱我</a></div>
        </td>
      </tr>

</table>
    <p class="headtd1"> </p>
  </div>
  <div id="item3body" style="position:absolute; left:0; top:282; width:90px; height:260; z-index:3">
    <table width="100%" border="0" height="100%" cellpadding="2" cellspacing="0">
      <tr>
        <td id="item3head" height="20" class="headtd1" onclick="showme(item3body,this)">
          <div align="center">■第11-20首■</div>
        </td>
      </tr>
      <tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/10182.swf" show_flash >梦醒了</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/004152.swf">一笑而过</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/004174.swf" target=show_flash>真心英雄</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/05094.swf" target=show_flash>抱一抱</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/10153.swf" target=show_flash>神啊救救我吧</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/12133.swf" target=show_flash>没那种命</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/004261.swf" target=show_flash>无论如何</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/08153.swf" target=show_flash>想你是临睡的习惯</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/08183.swf" target=show_flash>重色轻友</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/08133.swf" target=show_flash>陌生的夜</a></div>
        </td>
      </tr>
    </table>
  </div>
  <div id="item4body" style="position:absolute; left:0; top:304; width:90px; height:260; z-index:4; overflow: hidden">
    <table width="100%" border="0" height="100%" cellpadding="2" cellspacing="0">
      <tr>
        <td id="item4head" height="20" class="headtd1" onclick="showme(item4body,this)">
          <div align="center">〓第21-30首〓</div>
        </td>
      </tr>
      <tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/10123.swf" show_flash >爱一个人好难</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/10171.swf">葬心</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/10223.swf" target=show_flash>樱桃小丸子</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://cartoonfile.163.com/source/14093/74167.swf" target=show_flash>独角戏</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/12053.swf" target=show_flash>一千零两夜</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/0028.swf" target=show_flash>红楼梦</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/04132.swf" target=show_flash>未了情</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/10173.swf" target=show_flash>青春舞曲</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/10174.swf" target=show_flash>南海姑娘</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/004232.swf" target=show_flash>寻找秘籍</a></div>
        </td>
      </tr>
    </table>
  </div>
  <div id="item5body" style="position:absolute; left:0; top:326; width:90px; height:260; z-index:4; overflow: hidden">
    <table width="100%" border="0" height="100%" cellpadding="2" cellspacing="0">
      <tr>
        <td id="item5head" height="20" class="headtd1" onclick="showme(item5body,this)">
          <div align="center">【第31-40首】</div>
        </td>
      </tr>
      <tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/11194.swf" show_flash >水手</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/08111.swf">爱无罪</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/08081.swf" target=show_flash>三万英尺</a></div>
        </td>
      </tr>

<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/0037.swf" target=show_flash>男人哭吧没有罪</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/01311.swf" target=show_flash>我不够爱你</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/0010.swf" target=show_flash>忘情水</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/08151.swf" target=show_flash>你是我传说</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/10262.swf" target=show_flash>缠绵</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/09243.swf" target=show_flash>天各一方</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/11011.swf" target=show_flash>烦恼星期天</a></div>
        </td>
      </tr>
    </table>
  </div>
  
  <div id="item6body" style="position:absolute; left:0; top:348; width:90px; height:260; z-index:4; overflow: hidden">
    <table width="100%" border="0" height="100%" cellpadding="2" cellspacing="0">
      <tr>
        <td id="item6head" height="20" class="headtd1" onclick="showme(item6body,this)">
          <div align="center">〖第41-50首〗</div>
        </td>
      </tr>
      <tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/05211.swf" show_flash >风往北吹</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/006033.swf">冰点柔情</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/12071.swf" target=show_flash>五月雪</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/004103.swf" target=show_flash>下沙</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/04211.swf" target=show_flash>落单的候鸟</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href=http://flash.qbol.net/mtv/images/02281.swf target=show_flash>愚人码头</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/0034.swf" target=show_flash>信仰</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/10111.swf" target=show_flash>不会让你后悔</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/04106.swf" target=show_flash>找一个字代替</a></div>
        </td>
      </tr>
<tr>
        <td class="bodytd">
          <div align="center"><a href="http://flash.qbol.net/mtv/images/08291.swf" target=show_flash>我是一只小小鸟</a></div>
        </td>
      </tr>
    </table>
  </div>
  
</div>
</body></html>

==========================================================================
各位老大:我现在就想知道我的算法那里有错误如果上面我的script改成这样是可以运行的,不过感觉有点白痴罢了那位能看看啊???帮忙改个算法我现在要达到的目的就是滑动菜单里有个IFrame这样做有我自己的目的上面那些代码的确不错,不过没有对于此程序可以借鉴的地方============================================================
把我最早贴出的程序的script改成这个就可以,只不过是个白痴的程序
:::::::::::::::::::::::::::::::::::::::
<SCRIPT LANGUAGE="JavaScript">
var div_no=5;//菜单数量
var cc=320;//菜单长度
var olddiv=4;//上次展示的菜单
var newdiv=0;//本次展示的菜单divarray = new Array();//菜单状态,上/下
divarray[0]="up";
divarray[1]="up";
divarray[2]="up";
divarray[3]="up";
divarray[4]="up";function movediv(thediv)
{
newdiv=parseInt(thediv);
if(divarray[thediv]=="up")
{movedown(thediv);}
else if(divarray[thediv]=="down")
{moveup(thediv);}
}
function movedown(thediv)
{
if(divarray[newdiv+1]!="down")
{
for(i=0;i<div_no;i++)
{
if(i > newdiv && divarray[i] =="up")
{
eval("div"+i+".style.posTop += 20");//移动菜单位置
cccc=cc-(eval("div"+i+".offsetTop")-i*20);//剪切菜单显示
eval("div"+i+".style.clip='rect(0 100% "+cccc+" 0)'");
kkkk=eval("div"+i+".style.posTop")
if(kkkk==(cc+i*20-20))//判断是否到位,写菜单状态数组
{divarray[i]="down";
olddiv=newdiv;}
}
if(i==newdiv)//当前展示菜单内的Iframe变大
{ww=parseInt(eval("document.all.ifm"+i+".height"))+20;
eval("document.all.ifm"+i+".height = "+ww);}
if(i==olddiv)//上次展示菜单内的Iframe变小
{eval("document.all.ifm"+i+".height -= 20");}
}
eval("setTimeout('movedown("+thediv+")',10)");
}
else
{
eval("document.all.ifm"+newdiv+".height = 0");
eval("document.all.ifm"+olddiv+".height = 300");
}
}
function moveup(thediv)
{
if(divarray[newdiv]!="up")
{
for(i=0;i<div_no;i++)
{
if(i <= newdiv && divarray[i]=="down")
{
eval("div"+i+".style.posTop -= 20");//移动菜单位置
cccc=cc-(eval("div"+i+".offsetTop")-i*20);//剪切菜单显示
eval("div"+i+".style.clip='rect(0 100% "+cccc+" 0)'");
kkkk=eval("div"+i+".style.posTop")
if(kkkk==(i*20))//判断是否到位,写菜单状态数组
{divarray[i]="up";
olddiv=newdiv;}
} if(i==newdiv)//当前展示菜单内的Iframe变大
{ww=parseInt(eval("document.all.ifm"+i+".height"))+20;
eval("document.all.ifm"+i+".height = "+ww);}
if(i==olddiv)//上次展示菜单内的Iframe变小
{eval("document.all.ifm"+i+".height -= 20");}
}
eval("setTimeout('moveup("+thediv+")',10)");
}
else
{
eval("document.all.ifm"+newdiv+".height = 0");
eval("document.all.ifm"+olddiv+".height = 300");
}
}
</SCRIPT>

楼主的东西确实不错，不过，改变菜单项的大小后，就面目全非了。不好调节大小！
--------------------------------------------------------
var cc=320;//菜单长度
本来菜单想document.write出来的,可现在还没实现算法那过些日子再说吧(^_^)

调试易

模拟QQ菜单,还有错误,实在"编"不下去,高手过来帮着改改

解决方案 »