当然可以,有DOM一切Dynamic变为可能function toCirc()
{
document.all.Map1.areas(0).shape="circ";
document.all.Map1.areas(0).coords="50,50,20";
}
</script>
<input type="button" onclick="toCirc()" value="Change map area">
<img src="InterDev.jpg" border="0" usemap="#Map1">
<map name="Map1">
<area id=area1 shape="poly" style="border:thin inset" coords="81,33,90,50,75,57,67,33" href="#">
</map>
{
document.all.Map1.areas(0).shape="circ";
document.all.Map1.areas(0).coords="50,50,20";
}
</script>
<input type="button" onclick="toCirc()" value="Change map area">
<img src="InterDev.jpg" border="0" usemap="#Map1">
<map name="Map1">
<area id=area1 shape="poly" style="border:thin inset" coords="81,33,90,50,75,57,67,33" href="#">
</map>
map1.areas(0).coords //0可以改成相应的area的index
<SCRIPT LANGUAGE="JavaScript">
var w=100,h=100
</script><img src="csdn.gif" style="width:expression(w);height:expression(h)">
<map name="Map1">
<area id=area1 shape="poly" style="border:thin inset" coords="81,33,90,50,75,57,67,33" href="#">
</map>
<input type=button onclick="w+=10;h+=10" value=+>
<input type=button onclick="w-=10;h-=10" value=->
var ystep=10;
var xstep=10;
function parseCoords()
{
document.all.img1.style.posWidth +=xstep;
document.all.img1.style.posHeight +=ystep;
var Rect = [document.all.img1.style.posWidth,document.all.img1.style.posHeight];
var point=document.all.Map1.areas(0).coords.split(",");
var pX = ((xstep+parseInt(Rect[0]))/parseInt(Rect[0]));
var pY = ((ystep+parseInt(Rect[1]))/parseInt(Rect[1]));
for (var i=0;i<point.length;i++)
point[i]=parseInt((i%2==0)?parseInt(point[i])*pX:parseInt(point[i])*pY);
document.all.Map1.areas(0).coords=point.toString();
}
</script><img id=img1 src="csdn.gif" style="width:100;height:100" usemap="#Map1">
<map name="Map1" id="Map1">
<area id=area1 shape="poly" style="border:thin inset" coords="81,33,90,50,75,57,67,33" href="#">
</map>
<input type=button onclick="parseCoords()" value=+>
<input type=button onclick="parseCoords()" value=->