明日学院
课程
读书
社区
课程
VIP会员
VIP会员
HTML/CSS图书答疑
+关注
已有6人关注
+发表新帖
所属版块： HTML/CSS答疑区
遮太阳的网_1565744001
学分:7
+关注
私信
立即签到
关于第三章最后一小节热区链接的问题
发表在HTML/CSS图书答疑 2019-08-14
是否精华 是 否
版块置顶: 是 否 
<img src="555.png" usemap="#shenme"/>
  <map name="shenme"><area shape="rect" coords="400，200，800，800" href="www.baidu.com"/>
  </map>

能帮我看看我这个代码是不是输入有问题啊，为啥我输入的代码只能显示图片不能用热区链接呢，求解答

分享到：
关注
 回复
支持(0)
反对(0)
精彩评论 4
小小小萍砸
学分：949 LV7
+关注 私信
2019-08-14
沙发

建议你测试你的热区坐标，coords的坐标原点在图片的左上角，另外，代码中href的路径不规范，应该是：href="http://www.baidu.com/"

 回复
支持(1)
反对(0)
遮太阳的网_1565744001
学分：7 LV1
+关注 私信
2019-08-14
板凳

小小小萍砸 发表于2019-08-14 15:22

建议你测试你的热区坐标，coords的坐标原点在图片的左上角，另外，代码中href的路径不规范，应该是：href="http://www.baidu.com/"

页面图片就只能显示图片效果老师，热点的效果没有，坐标我是用ps的像素坐标来确定的，是不是对的啊

qq_pic_merged_1565744293869.jpg


 回复
支持(0)
反对(0)
小小小萍砸
学分：949 LV7
+关注 私信
2019-08-15
地板

那你在谷歌浏览器上运行，然后按F12，选console一栏，看有没有报错，如果报错的话，你自己百度报错原因或者给我截图，

如果没有报错，那你直接在这个页面里，按图片添加这段代码，然后在运行，这段代码是测试热区的坐标位置是否在图像上，红方块模拟的热区区域，如果红方块不在图片上的话，那就是你的coords坐标值有问题（这段代码只测试coords="400,200,800,800"）

无标题.png


 回复
支持(0)
反对(0)
小小小萍砸
学分：949 LV7
+关注 私信
2019-08-15
4L

还有你红色方框里的第一行代码，添加图片,设置大小应该是，<img src="555.png" height="500" width="500" border="10">

 回复
支持(0)
反对(0)
首页上一页 1 下一页尾页 4 条记录 1/1页
手机同步功能介绍
友情提示：以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照