<map name="Map" id="Map">
<area shape="rect" coords="11,19,320,107" href="#" alt="活动规则" />
<area shape="rect" coords="338,19,649,106" href="#" alt="30元优惠券" />
<area shape="rect" coords="667,19,979,107" href="#" alt="50元优惠券" />
</map>
你的代码这样写不规范,应该如下这么写:
<html>
<head>
<title>pic</title>
</head>
<body>
<p align="center"><img src="C:\Users\Administrator\Desktop\2.jpg" border="0" usemap="#1" boarder=0>
<map name="1">
<area shape="rect" coords="82,47,141,116" href="D:\phpStudy/www/post1.php">
<area shape="rect" coords="166,75,209,132" href="D:\phpStudy/www/post1.php">
<area shape="rect" coords="228,58,282,130" href="D:\phpStudy/www/post1.php">
<area shape="rect" coords="369,27,427,99" href="D:\phpStudy/www/post1.php">
</map>
</p>
</body>
</html>
创建热区的话,建议使用dreamweaver的设计视图来制作:
1、在设计视图下左键点选图片。
2、下方功能标签区选择属性标签,如图:
3、然后在最左下角点选举行选择框
4、在图片的对应区域选取就可以了,然后保存文件
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)