Html-图片映射---ShinePans

浏览数：39 / 时间：2015年06月09日

picflash.html:

<html>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<head>
	<script language="javascript">
	<!--
		function show1(){
			window.alert("没事你点击女生的嘴巴干嘛!!你亲不到的!!!")
		}
		function show2(){
			window.alert("鼻子是不是很漂亮呢?")
		}
		function show3(){
			window.alert("耳朵太漂亮了!!")
		}
	-->
	</script>
</head>
	<body>
		<img src="girl.jpg" usemap="#girl">
		<map name=girl>
			<area shape="rect" onclick="show1();" href="#" coords="570,380,625,420">
			<area shape="poly" onclick="show2();" href="#" coords="520,340,600,350,540,240">
			<area shape="rect" onclick="show3();" href="#" coords="830,210,910,310">
	</body>
<html>

形状区域可以是矩形,原型,三角形,多边形等等区域,一般由定点构成

矩形: 是左上角,右下角

三角形:三个定点等等

在确定定点左边时,可以借助px尺

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

Html-图片映射---ShinePans