本文共 1585 字，大约阅读时间需要 5 分钟。
<!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" > < meta http-equiv = "Content-Type" content = "text/html; charset=gb2312" /> < script type = "text/javascript" > var x = obj.offsetLeft, y = obj.offsetTop; function showBorder(obj){ var img = document.getElementById("bd"); var div = document.getElementById("border"); var offset = getOffset(img); var coords = obj.coords.split(","); div.style.display = "block"; div.style.left = offset.x + parseInt(coords[0]) + "px"; div.style.top = offset.y + parseInt(coords[1]) + "px"; div.style.width = parseInt(coords[2]) - parseInt(coords[0]) + "px"; div.style.height = parseInt(coords[3]) - parseInt(coords[1]) + "px"; document.getElementById("border").style.display = "none"; < img src = "http://www.baidu.com/img/baidu_logo.gif" width = "270" height = "129" border = "0" usemap = "#bdMap" id = "bd" /> < map name = "bdMap" id = "bdMap" > < area shape = "rect" coords = "35,22,115,97" onmouseover = "showBorder(this);" onmouseout = "hideBorder()" /> < area shape = "rect" coords = "158,26,238,94" onmouseover = "showBorder(this);" onmouseout = "hideBorder()" /> < div id = "border" style = "display:none; position:absolute;border:2px solid #FF0000; " ></ div > 转载地址：http://gkxal.baihongyu.com/