首页 > Web开发 > 详细

Html-图片映射---ShinePans

时间:2014-11-12 21:16:05      阅读:201      评论:0      收藏:0      [点我收藏+]

bubuko.com,布布扣



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

原文:http://blog.csdn.net/shinepan/article/details/41050191

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!