如何修改的激活区大小?

zhudi007 2002-12-11 04:09:24
我可以控制<img>的放大缩小,如何同时也控制<img>的激活区的大小呢?如:
<img src="image/aa.gif" border="0" usemap="#Map">
<map name="Map">
<area shape="poly" coords="81,33,90,50,75,57,67,33" href="#">
</map>
中"coords"的值呢?
...全文
76 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhudi007 2002-12-21
  • 打赏
  • 举报
回复
为什么我给不了分啊?为什么还是未审核?
wsj 2002-12-12
  • 打赏
  • 举报
回复
<SCRIPT LANGUAGE="JavaScript">
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=->
zhudi007 2002-12-12
  • 打赏
  • 举报
回复
如何在下面的情况中,按“+”号时,同时把激活区相应的增大呢?
<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=->
zhudi007 2002-12-12
  • 打赏
  • 举报
回复
谢了,你可帮我大忙了!给分!
Reker熊 2002-12-11
  • 打赏
  • 举报
回复
对应属性为
map1.areas(0).coords //0可以改成相应的area的index
wsj 2002-12-11
  • 打赏
  • 举报
回复
当然可以,有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>

一.   全局架构标签
(1)
(2) 之间的内容不会被浏览器显示
               只能放在 标签之间。
              <script>  (3) 显示和控制文本
        —text:设置文本的颜色。            -link:设置链接的

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧