2、放在网页里的HTML代码：
<SCRIPT language="Javascript" src="range.js"></SCRIPT>
<SCRIPT id="oMapScript" event="onmouseover()" for="Map">
drawLine(event.srcElement);
</SCRIPT>
<SCRIPT id="oMapScript1" event="onmouseout()" for="Map">
MouseOutMap();
</SCRIPT>
<SCRIPT id="oMapScript2" event="onclick()" for="Map">
clickmap(event.srcElement);
</SCRIPT>
3、在BODY里插入以下代码：
（放在<body>和</body>之间即可）
<SPAN id="leveldiv" title="点击查看內容" style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 100; LEFT: 233px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 210px; CURSOR: hand; POSITION: absolute; TOP: 123px; HEIGHT: 34px; BORDER-RIGHT-WIDTH: 0px"></SPAN>
最后，有几点特别提示：
1、注意一下Map的NAME和usemap与JS代码里的for要一致。
2、如果红色边框位置不对的话，可以在range.js里修改。
当时，我就遇到了边框位置不对的情况，后来打开range.js一看，可以在
divElm.style.left = Left+imgleft;
divElm.style.top = Top+imgtop;
divElm.style.width = Right;
divElm.style.height = bottom;
divElm.style.cursor = "pointer";
处更改，当时我的边框在链接的正下方，所以我修改成了下面的代码：
divElm.style.left = Left+imgleft;
divElm.style.top = Top+imgtop-265;
divElm.style.width = Right;
divElm.style.height = bottom;
divElm.style.cursor = "pointer";