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>