『 更新时间：2008-02-17 』『 字体：大 中 小 』『 作者：佚名 | 来源：模板无忧 』
<html> <head> <script language="JavaScript"> //from mb5u.com function point_it(event){ pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft; pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop; document.getElementById("cross").style.left = (pos_x-1) ; document.getElementById("cross").style.top = (pos_y-15) ; document.getElementById("cross").style.visibility = "visible" ; document.pointform.form_x.value = pos_x; document.pointform.form_y.value = pos_y; } </script> </head> <body> <form name="pointform" method="post"> <div id="pointer_div" onclick="point_it(event)" style = "background-image:url('http://www.mb5u.com/upfiles/20070504/20070504003546_01.jpg');width:500px;height:333px;"> <img src="/images/logo.gif" id="cross" style="position:relative;visibility:hidden;z-index:2;"></div> You pointed on x = <input type="text" name="form_x" size="4" /> - y = <input type="text" name="form_y" size="4" /> </form> </body> </html>
MB5U_coM
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
点击图片出现另一个图片提示和鼠标坐标
评论加载中....