个人中心
退出
javascript当中Map Area Shape 的用法
例 4.3（MapAreaShapeMouseOverIEFF.html）
马克- to-win：马克 java社区：防盗版实名手机尾号： 73203。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function show(obj)
{
var pos=obj.coords;
pos=pos.split(",");
alert("pos is "+pos+" pos[1] is "+pos[1]+" pos[2] is "+pos[2]);
var menu=document.getElementById("info");
menu.style.left=parseInt(pos[2])+"px";
menu.style.top=parseInt(pos[1])+"px";
menu.style.display="inline";
}
function hide()
{
var menu=document.getElementById("info");
menu.style.display="none";
}
</script>
</head>
<body>
<img hidefocus="true" src="markWeChat.jpg" usemap="#MapName">
<map id="smap" name="MapName" >
<area id="a2" shape="rect" coords="0,0,100,100" href='#' onmouseover="show(this);" onmouseout="hide();" onmousemove="" >
</map >
<br /><br /><br /><br /><Br />
<span id="info" style="position:absolute;left:0;top:0;display:none;z-index:1;color:blue;"> <b>我告诉你一个重要信息</b></span>
</body>
</html>
分类导航