<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
div {
font-family: "Times New Roman", "Times", "serif";
font-size: 9pt;
line-height: 13pt;
font-weight: normal;
}
-->
</style>
<SCRIPT language=JavaScript>
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}function MFXinitMenu(){
IE = document.all ? 1:0;
NN = document.layers ? 1:0;
HIDDEN = (NN) ? 'hide' : 'hidden';
VISIBLE = (NN) ? 'show' : 'visible';
myLayer=new Array();
mySpeed=10;
subLeft=0;
closes=true;
myLayer[0]=(NN) ? document.MFX0 : document.all.MFX0.style;
myLayer[1]=(NN) ? document.MFX1 : document.all.MFX1.style;
myLayer[2]=(NN) ? document.MFX2 : document.all.MFX2.style;
myLayer[3]=(NN) ? document.MFX3 : document.all.MFX3.style;
myLayer[4]=(NN) ? document.MFX4 : document.all.MFX4.style;
myLayer[5]=(NN) ? document.MFX5 : document.all.MFX5.style;
myLayer[6]=(NN) ? document.MFX6 : document.all.MFX6.style;
myLayer[7]=(NN) ? document.MFX7 : document.all.MFX7.style;
myLayer[8]=(NN) ? document.MFX8 : document.all.MFX8.style;
myLayer[9]=(NN) ? document.MFX9 : document.all.MFX9.style;
myLayer[10]=(NN) ? document.MFX10 : document.all.MFX10.style;
myLayer[11]=(NN) ? document.MFX11 : document.all.MFX11.style;
myLayer[12]=(NN) ? document.MFX12 : document.all.MFX12.style;
myLayer[13]=(NN) ? document.MFX13 : document.all.MFX13.style;
myLayer[14]=(NN) ? document.MFX14 : document.all.MFX14.style;
myLayer[15]=(NN) ? document.MFX15 : document.all.MFX15.style;
myLayer[16]=(NN) ? document.MFX16 : document.all.MFX16.style;
myLayer[17]=(NN) ? document.MFX17 : document.all.MFX17.style;
myLayer[18]=(NN) ? document.MFX18 : document.all.MFX18.style;
myLayer[19]=(NN) ? document.MFX19 : document.all.MFX19.style;
myLayer[20]=(NN) ? document.MFX20 : document.all.MFX20.style;
myLayer[21]=(NN) ? document.MFX21 : document.all.MFX21.style;
myLayer[22]=(NN) ? document.MFX22 : document.all.MFX22.style;
myLayer[23]=(NN) ? document.MFX23 : document.all.MFX23.style;
myLayer[24]=(NN) ? document.MFX24 : document.all.MFX24.style;
myLayer[25]=(NN) ? document.MFX25 : document.all.MFX25.style;
/*myLayer[26]=(NN) ? document.MFX26 : document.all.MFX26.style;
myLayer[27]=(NN) ? document.MFX27 : document.all.MFX27.style;
myLayer[28]=(NN) ? document.MFX28 : document.all.MFX28.style;
myLayer[29]=(NN) ? document.MFX29 : document.all.MFX29.style;
myLayer[30]=(NN) ? document.MFX30 : document.all.MFX30.style;
myLayer[31]=(NN) ? document.MFX31 : document.all.MFX31.style;
myLayer[32]=(NN) ? document.MFX32 : document.all.MFX32.style;
myLayer[33]=(NN) ? document.MFX33 : document.all.MFX33.style;
myLayer[34]=(NN) ? document.MFX34 : document.all.MFX34.style;
myLayer[35]=(NN) ? document.MFX35 : document.all.MFX35.style;
myLayer[36]=(NN) ? document.MFX36 : document.all.MFX36.style;
*/
running=false;
whichOpen=-1;
lastMain=myLayer.length-2;
MFXmain=new Array();
for(i=0; i<myLayer.length; i++){
mainORsub= i % 2;
MFXmain[i] = mainORsub ? 0:1;
}
myTop=new Array();
myLeft=new Array();
myHeight=new Array();
myWidth=new Array();
mySlide=new Array();
for(i=0; i<myLayer.length; i++){
if(NN&&MFXmain[i]){
if(i==0){
myTop[i]=myLayer[i].top;
myLeft[i]=myLayer[i].left;}
else{
myLeft[i]=myLeft[i-2];
myTop[i]=myTop[i-2]+myHeight[i-2];}
myHeight[i]=myLayer[i].clip.height;
myWidth[i]=myLayer[i].clip.width;
myLayer[i].left=myLeft[i];
myLayer[i].top=myTop[i];
myLayer[i].visibility=VISIBLE;}
if(NN&&!MFXmain[i]){
myTop[i]=myTop[i-1]+myHeight[i-1];
myLeft[i]=myLeft[i-1];
myHeight[i]=myLayer[i].clip.height;
myWidth[i]=myLayer[i].clip.width;
mySlide[i]=myTop[i]+myHeight[i];
myLayer[i].left=myLeft[i]+subLeft;
myLayer[i].top=myTop[i];}
if(IE&&MFXmain[i]){
if(i==0){
myLeft[i]=myLayer[i].pixelLeft;
myTop[i]=myLayer[i].pixelTop;}
else{
myLeft[i]=myLeft[i-2];
myTop[i]=myTop[i-2]+myHeight[i-2];}
myHeight[i]=myLayer[i].pixelHeight;
myWidth[i]=myLayer[i].pixelWidth;
myLayer[i].left=myLeft[i];
myLayer[i].top=myTop[i];
myLayer[i].visibility=VISIBLE;}
if(IE&&!MFXmain[i]){
myTop[i]=myTop[i-1]+myHeight[i-1];
myLeft[i]=myLeft[i-1];
myHeight[i]=myLayer[i].pixelHeight;
myWidth[i]=myLayer[i].pixelWidth;
myLayer[i].pixelLeft=myLeft[i]+subLeft;
myLayer[i].pixelTop=myTop[i];
mySlide[i]=myTop[i]+myHeight[i];
}
}
}
function MFXrunMenu(myName,newspeed){
ieStep=0;
thereS=false;
thereC=false;
plusminus(myName);
if(newspeed>0){mySpeed=newspeed;}
first=myName;
if(whichOpen==-1&&!running&&MFXmain[myName]&&!(whichOpen==myName)){
running=true;
if(NN){
myLayer[myName+1].clip.height=0;
myLayer[myName+1].visibility=VISIBLE;
}
if(IE){
myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")";
myLayer[myName+1].visibility=VISIBLE;
}
MFXopenMenuS(myName);
MFXopenMenuC(myName);
}

解决方案 »

  1.   

    if(whichOpen>=0&&!running&&!(whichOpen==myName)){
    running=true;
    second=whichOpen;
    ieStep1=myHeight[second+1];
    thereCS=false;
    thereCC=false;
    MFXcloseMenuS(second);
    MFXcloseMenuC(second);
    }
    if(whichOpen>=0&&!running&&whichOpen==myName&&closes){
    running=true;
    second=whichOpen;
    ieStep1=myHeight[second+1];
    thereCS=false;
    thereCC=false;
    MFXcloseMenuS(second);
    MFXcloseMenuC(second);
    }
    }
    function MFXstopCloseS(myName){
    running=false;
    thereCS=true;
    if(closes&&first==whichOpen){whichOpen=-1;}
    else{whichOpen=-1;
    MFXrunMenu(first);
    }
    }
    function MFXstopOpenS(myName){
    running=false;
    thereS=true;
    if(IE){myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ ("auto") +" "+ ("auto") +")";}
    whichOpen=myName;
    }
    function MFXopenMenuS(myName){
    myStep=mySpeed;
    if(NN&&!thereS&&!(first==lastMain)){
    if(myLayer[first+2].top+myStep>mySlide[first+1]){
    myStep=mySlide[first+1]-myLayer[first+2].top;
    }
    for(i=first+2; i<myLayer.length; i+=2){
    myLayer[i].top+=myStep;
    }
    if(myLayer[first+2].top==mySlide[first+1]){
    MFXstopOpenS(first)
    }
    if(running)setTimeout('MFXopenMenuS(first)',10);
    }
    if(IE&&!thereS&&!(first==lastMain)){
    if(myLayer[first+2].pixelTop+myStep>mySlide[first+1]){
    myStep=mySlide[first+1]-myLayer[first+2].pixelTop;
    }
    for(i=first+2; i<myLayer.length; i+=2){
    myLayer[i].pixelTop+=myStep;
    }
    if(myLayer[first+2].pixelTop==mySlide[first+1]){
    MFXstopOpenS(first)
    }
    if(running)setTimeout('MFXopenMenuS(first)',10);
    }
    }
    function MFXopenMenuC(myName){
    myStep=mySpeed;
    if(NN&&!thereC){
    if ((myLayer[first+1].clip.height+myStep)>myHeight[first+1]){
    myLayer[first+1].clip.height=myHeight[first+1]
    }
    if(myLayer[first+1].clip.height==myHeight[first+1]){
    thereC=true;
    whichOpen=first;
    MFXstopOpenS(first)}else{
    myLayer[first+1].clip.height+=myStep;}
    if(running)setTimeout('MFXopenMenuC(first)',10);
    }
    if(IE&&!thereC){
    ieStep+=myStep;
    myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep) +" "+ ("auto") +")";if(ieStep>=myHeight[first+1]){
    thereC=true;
    whichOpen=first;
    MFXstopOpenS(first)
    }
    if(running)setTimeout('MFXopenMenuC(first)',10);
    }
    }
    function MFXcloseMenuS(myName){
    myStep=mySpeed;
    if(NN&&!thereCS&&!(second==lastMain)){
    if(myLayer[second+2].top-myStep<myTop[second+2]){
    myStep=myLayer[second+2].top-myTop[second+2];
    }
    for(i=second+2; i<myLayer.length; i+=2){
    myLayer[i].top-=myStep;}
    if(myLayer[second+2].top==myTop[second+2]){
    MFXstopCloseS(second);
    }
    if(running)setTimeout('MFXcloseMenuS(second)',10);
    }
    if(IE&&!thereCS&&!(second==lastMain)){
    if(myLayer[second+2].pixelTop-myStep<myTop[second+2]){
    myStep=myLayer[second+2].pixelTop-myTop[second+2];
    }
    for(i=second+2; i<myLayer.length; i+=2){
    myLayer[i].pixelTop-=myStep;}
    if(myLayer[second+2].pixelTop==myTop[second+2]){
    MFXstopCloseS(second);
    }
    if(running)setTimeout('MFXcloseMenuS(second)',10);
    }
    minusplus();
    }
    function MFXcloseMenuC(myName){
    myStep=-mySpeed;
    ieStep1-=mySpeed;
    if(NN&&!thereCC){
    if ((myLayer[second+1].clip.bottom+myStep)<0){
    myLayer[second+1].clip.bottom=0;
    }
    if(myLayer[second+1].clip.bottom==0){
    thereCC=true;if(second==lastMain)MFXstopCloseS(second);
    }else{
    myLayer[second+1].clip.bottom+=myStep;}
    if(running)setTimeout('MFXcloseMenuC(second)',10);
    }
    if(IE&&!thereCC){
    if(ieStep1<=0){
    myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")";
    thereCC=true;
    if(second==lastMain)MFXstopCloseS(second);
    }else{
    myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep1) +" "+ ("auto") +")";}
    if(running)setTimeout('MFXcloseMenuC(second)',10);
    }
    minusplus();
    }
    function plusminus(myName) {
    plusimg=eval("plus" + myName);
    plusimg.src = "images/down.gif";
    }
    function minusplus() {
    expandimg=eval("plus" + whichOpen);
    expandimg.src = "images/right.gif";
    }
    //-->
    </SCRIPT>
    <SCRIPT language=JavaScript>
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </SCRIPT>
    </head>
      

  2.   

    <BODY onload=MFXinitMenu(); bgcolor="#d7eaf9" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
    <table border="0" cellpadding="0" cellspacing="0" >
      <!--DWLayoutTable-->
      <tr> 
        <td align="center"><div align="center"><font size="4" face="Times New Roman, Times, serif"><img src="images/menu_pro.gif" width="150" height="50"></font></div></td>
      </tr>
      <tr> 
        <td align="left" valign="top">

    <DIV id=MFX0 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:72px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus0'><A onclick=MFXrunMenu(0,25) href='#'>abcdefa</A></DIV><div class=b1 id=MFX1 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:92px; HEIGHT:44px'> <a href='\eng\product\Rumsfeld Franks get enthusiastic welcome from troops2.htm' target='body' title='Rumsfeld Franks get enthusiastic welcome from troops2'>Rumsfeld Franks get enthusiastic welcome from troops2</a><br><a href='\eng\product\Rumsfeld Heads to Persian Gulf After Plane Delay.htm' target='body' title='Rumsfeld Heads to Persian Gulf After Plane Delay'>Rumsfeld Heads to Persian Gulf After Plane Delay</a><br></div><DIV id=MFX2 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:136px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus2'><A onclick=MFXrunMenu(2,25) href='#'>abcdefb</A></DIV><div class=b1 id=MFX3 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:156px; HEIGHT:44px'> <a href='\eng\product\Persisting Ink with Attached Recognition Data.htm' target='body' title='Persisting Ink with Attached Recognition Data'>Persisting Ink with Attached Recognition Data</a><br><a href='\eng\product\Rumsfeld Franks get enthusiastic welcome from troops.htm' target='body' title='Rumsfeld Franks get enthusiastic welcome from troops'>Rumsfeld Franks get enthusiastic welcome from troops</a><br></div><DIV id=MFX4 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:200px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus4'><A onclick=MFXrunMenu(4,25) href='#'>abcdefc</A></DIV><div class=b1 id=MFX5 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:220px; HEIGHT:44px'> <a href='\eng\product\SJ-22C rotational speed measurement and control device33.htm' target='body' title='SJ-22C rotational speed measurement and control device33'>SJ-22C rotational speed measurement and control device33</a><br><a href='\eng\product\U.S. Iraqis Point Fingers After Fatal Blast.htm' target='body' title='U.S. Iraqis Point Fingers After Fatal Blast'>U.S. Iraqis Point Fingers After Fatal Blast</a><br></div><DIV id=MFX6 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:264px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus6'><A onclick=MFXrunMenu(6,25) href='#'>abcdefd</A></DIV><div class=b1 id=MFX7 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:284px; HEIGHT:44px'> <a href='\eng\product\SJ-22C rotational speed measurement and control device4.htm' target='body' title='SJ-22C rotational speed measurement and control device4'>SJ-22C rotational speed measurement and control device4</a><br><a href='\eng\product\Iraqi Liaison to U.N. Inspectors in Coalition Custody.htm' target='body' title='Iraqi Liaison to U.N. Inspectors in Coalition Custody'>Iraqi Liaison to U.N. Inspectors in Coalition Custody</a><br></div><DIV id=MFX8 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:328px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus8'><A onclick=MFXrunMenu(8,25) href='#'>abcdefe</A></DIV><div class=b1 id=MFX9 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:348px; HEIGHT:27px'> <a href='\eng\product\SJ-22C rotational speed measurement and control device5.htm' target='body' title='SJ-22C rotational speed measurement and control device5'>SJ-22C rotational speed measurement and control device5</a><br></div><DIV id=MFX10 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:375px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus10'><A onclick=MFXrunMenu(10,25) href='#'>abcdeff</A></DIV><div class=b1 id=MFX11 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:395px; HEIGHT:27px'> <a href='\eng\product\set rs1=conn.execute(sqlstr2).htm' target='body' title='set rs1=conn.execute(sqlstr2)'>set rs1=conn.execute(sqlstr2)</a><br></div><DIV id=MFX12 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:422px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus12'><A onclick=MFXrunMenu(12,25) href='#'>abcdefg</A></DIV><div class=b1 id=MFX13 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:442px; HEIGHT:27px'> <a href='nn\nn' target='body' title='nn'>nn</a><br></div><DIV id=MFX14 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:469px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus14'><A onclick=MFXrunMenu(14,25) href='#'>abcdefh</A></DIV><div class=b1 id=MFX15 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:489px; HEIGHT:27px'> <a href='\eng\product\Blair Warns Against Multipolar World Idea .htm' target='body' title='Blair Warns Against Multipolar World Idea '>Blair Warns Against Multipolar World Idea </a><br></div><DIV id=MFX16 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:516px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus16'><A onclick=MFXrunMenu(16,25) href='#'>abcdefi</A></DIV><div class=b1 id=MFX17 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:536px; HEIGHT:44px'> <a href='\eng\product\Military team turns up negative results in WMD tests.htm' target='body' title='Military team turns up negative results in WMD tests'>Military team turns up negative results in WMD tests</a><br><a href='\eng\product\By MICHAEL McDONOUGH Associated Press Writer3 .htm' target='body' title='By MICHAEL McDONOUGH Associated Press Writer3 '>By MICHAEL McDONOUGH Associated Press Writer3 </a><br></div><DIV id=MFX18 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:580px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus18'><A onclick=MFXrunMenu(18,25) href='#'>abcdefj</A></DIV><div class=b1 id=MFX19 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:600px; HEIGHT:27px'>
      

  3.   

    <a href='\eng\product\By MICHAEL McDONOUGH.htm' target='body' title='By MICHAEL McDONOUGH'>By MICHAEL McDONOUGH</a><br></div><DIV id=MFX20 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:627px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus20'><A onclick=MFXrunMenu(20,25) href='#'>abcdefk</A></DIV><div class=b1 id=MFX21 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:647px; HEIGHT:27px'> <a href='\eng\product\By MICHAEL McDONOUGH Associated Press Writer .htm' target='body' title='By MICHAEL McDONOUGH Associated Press Writer '>By MICHAEL McDONOUGH Associated Press Writer </a><br></div><DIV id=MFX22 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:674px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus22'><A onclick=MFXrunMenu(22,25) href='#'>abcdefl</A></DIV><div class=b1 id=MFX23 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:694px; HEIGHT:27px'> <a href='\eng\product\Bio Lt. Gen. Jay M. Garner.htm' target='body' title='Bio Lt. Gen. Jay M. Garner'>Bio Lt. Gen. Jay M. Garner</a><br></div><DIV id=MFX24 style='Z-INDEX: 2; LEFT: 20px; VISIBILITY: hidden; WIDTH: 106px; POSITION: absolute; TOP:721px; HEIGHT: 20px'><IMG height=10 src='images/right.gif' width=10 name=plus ID='plus24'><A onclick=MFXrunMenu(24,25) href='#'>abcdefm</A></DIV><div class=b1 id=MFX25 style='Z-INDEX: 1; LEFT: 20px; VISIBILITY: hidden; WIDTH: 488px; POSITION: absolute; TOP:741px; HEIGHT:27px'> <a href='\eng\product\Notable Groups in Post-Saddam Iraq.htm' target='body' title='Notable Groups in Post-Saddam Iraq'>Notable Groups in Post-Saddam Iraq</a><br></div>
          </td>
        </tr>
    </table>
    </body>
    </html>
      

  4.   

    谢谢关注!
    问题在图片切换.当打开一菜单栏目时,该菜单栏目前的"+"应该变成"-",但是当菜单栏目较多时,切换就无法进行,不知道为什么.
    当菜单栏目超过15个或所用DIV超过30个时,菜单栏目的显示也会有问题.
    为什么?该怎么解决?
    还有其它的方案来实现这个功能吗?