动态热区问题

OK,偶需要的是最后的哪些个HREF="#"能动态.<html>
<head>
<title>top1.gif</title>
<meta http-equiv="Content-Type" content="text/html;">
<!--Fireworks MX 2004 Dreamweaver MX 2004 target.  Created Wed Oct 26 20:17:10 GMT+0800 2005-->
<script language="JavaScript">
<!--
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}//-->
</script>
</head>
<body bgcolor="#ffffff" onLoad="MM_preloadImages('top1_r2_c2_f5.gif','top1_r2_c2_f4.gif','top1_r2_c2_f3.gif','top1_r2_c2_f2.gif');"><table border="0" cellpadding="0" cellspacing="0" width="1158">
<!-- fwtable fwsrc="top1.png" fwbase="top1.gif" fwstyle="Dreamweaver" fwdocid = "719208211" fwnested="0" -->
  <tr>
   <td><img src="spacer.gif" width="531" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="477" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="150" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
  </tr>  <tr>
   <td colspan="3"><img name="top1_r1_c1" src="top1_r1_c1.gif" width="1158" height="51" border="0" usemap="#m_top1_r1_c1" alt=""></td>
   <td><img src="spacer.gif" width="1" height="51" border="0" alt=""></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="top1_r2_c1" src="top1_r2_c1.gif" width="531" height="97" border="0" alt=""></td>
   <td><img name="top1_r2_c2" src="top1_r2_c2.gif" width="477" height="54" border="0" usemap="#m_top1_r2_c2" alt=""></td>
   <td rowspan="2"><img name="top1_r2_c3" src="top1_r2_c3.gif" width="150" height="97" border="0" alt=""></td>
   <td><img src="spacer.gif" width="1" height="54" border="0" alt=""></td>
  </tr>
  <tr>
   <td><img name="top1_r3_c2" src="top1_r3_c2.gif" width="477" height="43" border="0" alt=""></td>
   <td><img src="spacer.gif" width="1" height="43" border="0" alt=""></td>
  </tr>
<map name="m_top1_r1_c1">
<area shape="rect" coords="480,15,555,45" href="a.htm" alt="" >
<area shape="rect" coords="901,19,997,48" href="a1.htm" alt="" onMouseOver="MM_swapImage('top1_r2_c2','','top1_r2_c2_f5.gif',1);"  >
<area shape="rect" coords="786,19,902,48" href="a2.htm" alt="" onMouseOver="MM_swapImage('top1_r2_c2','','top1_r2_c2_f4.gif',1);"  >
<area shape="rect" coords="679,19,787,48" href="a3.htm" alt="" onMouseOver="MM_swapImage('top1_r2_c2','','top1_r2_c2_f3.gif',1);"  >
<area shape="rect" coords="585,19,680,48" href="a4.htm" alt="" onMouseOver="MM_swapImage('top1_r2_c2','','top1_r2_c2_f2.gif',1);"  >
</map>
<map name="m_top1_r2_c2">
<area shape="rect" coords="384,19,467,38" href="#" alt="" >
<area shape="rect" coords="314,19,373,37" href="#" alt="" >
<area shape="rect" coords="235,17,297,36" href="#" alt="" >
<area shape="rect" coords="155,20,216,36" href="#" alt="" >
<area shape="rect" coords="48,19,130,37" href="#" alt="" >
</map>
</table>
</body>
</html>

解决方案 »

  1.   

    这么多呀。
    用ASP.NETP 这个就很好实现了，用ASP确实有点难。
      

  2.   

    楼上的不通啊，这种说法偏,呵呵...
    偶javascript初学,下面这么做,恳请各路大虾看看有没有什么毛病,先谢了!
    1.写脚本如下:
    <script language="JavaScript">
    var submenu=new Array()
    submenu[0]='a1.asp'
    submenu[1]='b1.asp'
    submenu[2]='c1.asp'
    submenu[3]='d1.asp'
    submenu[4]='e1.asp'
    function showarea(which){
    submenu[0]='a'+which+'.asp';submenu[1]='b'+which+'.asp';submenu[2]='c'+which+'.asp';submenu[3]='d'+which+'.asp';submenu[4]='e'+which+'.asp';
    }
    function showurl(aa)
    {
     window.location.href=submenu[aa];
    }
    </script>
    2.热区部分改如下:
    <map name="m_top1_r1_c1">
    <area shape="rect" coords="480,15,555,45" href="a1.htm" alt="" >
    <area shape="rect" coords="901,19,997,48" href="a4.htm" alt="" onMouseOver="MM_swapImage('top1_r2_c2','','top1_r2_c2_f5.gif',1);showarea(4);" >
    <area shape="rect" coords="786,19,902,48" href="a3.htm" alt="" onMouseOver="MM_swapImage('top1_r2_c2','','top1_r2_c2_f4.gif',1);showarea(3);"  >
    <area shape="rect" coords="679,19,787,48" href="a2.htm" alt="" onMouseOver="MM_swapImage('top1_r2_c2','','top1_r2_c2_f3.gif',1);showarea(2);"  >
    <area shape="rect" coords="585,19,680,48" href="a1.htm" alt="" onMouseOver="MM_swapImage('top1_r2_c2','','top1_r2_c2_f2.gif',1);showarea(1);"  >
    </map>
    <map name="m_top1_r2_c2">
    <area shape="rect" coords="384,19,467,38" href="javascript:showurl(4)" alt="" >
    <area shape="rect" coords="314,19,373,37" href="javascript:showurl(3)" alt="" >
    <area shape="rect" coords="235,17,297,36" href="javascript:showurl(2)" alt="" >
    <area shape="rect" coords="155,20,216,36" href="javascript:showurl(1)" alt="" >
    <area shape="rect" coords="48,19,130,37" href="javascript:showurl(0)" alt="" >
    </map>