图像热区超链接练习
发表在HTML/CSS图书答疑 2019-03-14 悬赏:1 学分
是否精华
版块置顶:
<!DOCTYPE html>
<html>
<head>
<!-- 指定当前页面的编码格式 -->
<meta charset="utf-8" />
<!-- 设置当前页面的标题 -->
<title>星球热区图像</title>
</head>
<body>
点击图像上的星球,把它们放大<br/>
<!-- 定义映射图像 -->
<img src="images/ty.png" usemap="ty" alt="太阳"/>
<!-- 对映射图像热区进行链接添加 -->
<map name="ty">
<!-- 矩形rect、圆形circle、多边形poly -->
<!-- 对太阳这一区域图像进行链接添加(使用矩形rect,坐标以顺时针方向:左,上,右,下) -->
<area shape="rect" coords="0,0,112,261" href="images/ty_link.png" target="_blank" />
<!-- 对木星这一区域图像进行链接添加(使用圆形circle,坐标使用center-x、center-y、半径值:中心-x、中心-y、半径) -->
<area shape="circle" coords="130,162,9" href="images/mx_link.png" target="_blank" />
<!-- 对火星这一区图图像进行链接添加(使用圆形circle,坐标使用center-x、center-y、半径值:中心-x、中心-y、半径) -->
<area shape="circle" coords="180,143,15" href="images/hx_link.png" target="_blank" />
</map
</body>
</html>

hx_link.png

mx_link.png

ty.png

ty_link.png


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