html 圖片熱區域map area的用法

時間 2019-11-21

標籤 html 圖片區域 map area 用法欄目 HTML 简体版

原文原文鏈接

簡單小例子javascript

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>圖片熱區</title>
		<style type="text/css">
			.img-area{
				width:300px;
				height:200px;
				margin: 0 auto;
				background: #ccc;
			}
			img{
				width:100%;
				height:100%;
			}
		</style>
	</head>
	<body>
		<div class="img-area">
			<img src="../img/head.png" alt="圖片熱區" usemap="#areaImg"/>
			<map name="areaImg">
				<area shape="rect" coords="56,69,78,139" href="http://www.baidu.com" target="_blank" alt="打開新頁面"/>
			</map>
		</div>
		<script type="text/javascript" src="../vendor/jquery-1.11.3.min.js" ></script>
	</body>
</html>

1. HTML圖片熱區map area的用法
2. HTML圖片熱區map area的用法整理
3. HTML圖片映射（map area）
4. HTML圖片熱區
5. 使用HTML圖片熱區area map製做區域地圖的選擇高亮效果
6. H5 圖片熱點區域
7. HTML的map-area的使用
8. 建立圖片的熱點區域
9. HTML圖片熱點
10. Study 2 —— 圖片熱點區域
更多相關文章...
• XSL-FO 區域 - XSL-FO 教程
• Markdown 圖片 - Markdown 教程
• C# 中 foreach 遍歷的用法
• 適用於PHP初學者的學習線路和建議

相關標籤/搜索