求问关于map，area问题

trunjun 2012-07-31 04:53:26

我在一张图片上划分了2个按钮图片的area,<img src="4.jpg" width="600" height="400" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="19,294,135,322" href="" />
<area shape="rect" coords="156,294,271,322" href="" />
</map>

如下面，现在想在除了这2个划分的区域外，点击图片的话跳转到另外一个链接。求解。

...全文

86 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

AMinfo 2012-07-31

打赏
举报

回复

<a href="你的网址"><img src="4.jpg" width="600" height="400" border="0" usemap="#Map" /></a>
<map name="Map" id="Map">
<area shape="rect" coords="19,294,135,322" href="" />
<area shape="rect" coords="156,294,271,322" href="" />
</map>

trunjun 2012-07-31

打赏
举报

回复

[Quote=引用 1 楼的回复:]
加上 href="" target="_blank"
[/Quote]
请问是哪加，但只是在本页做跳转，需求不是在新开一个窗口。

work_fei 2012-07-31

打赏
举报

回复

加上 href="" target="_blank"

area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。 img标签中的usemap属性可引用的map标签中的id或name属性（取决于浏览器），所以我们应同时向map标签添加id和name属性。注释：<img>标签中...

<template> <div class="imgBox"> <img ref="img" :src="imgUrl...map name="controlmap"> <area ref="oil" shape="poly" :coords="coordsArr[0]" @click="enter('oil')"/> <area ref=

Area标签高亮Map area标签的基础知识Map area的具体用法Area标签设置样式的问题使用jquery.maphilight.js库改变area背景效果图片展示基础使用方法附上github的实例，讲的比我清楚结束 Map area标签的基础知识公司...

area>标签，第一次使用，特在此标记一下。一、实例相关情况介绍参考的实例效果如下所示：首先，展示的是四位人物的图片，当鼠标移入到其中一个人物上时，会出现相应的人物的简介，而其他的几个人物会...

本文以矩形为例，最快上手图片定位，其他形状（shape）类似，难点在于coords定位法则...map name="Map"> <area shape="rect" coords="60,300,225,365" href="examRule.jsp"> <area shape="rect" co...

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章