码迷,mamicode.com
首页 > Web开发 > 详细

Html-图片映射---ShinePans

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

标签:blog   http   io   ar   java   on   2014   log   cti   

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

标签:blog   http   io   ar   java   on   2014   log   cti   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!