急!想在网页一小矩形框内,做一个随鼠标动的十字形 style="cursor:crosshair;"event.clientXevent.clientY 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <body><div id="cross" style="position:absolute;width:600px;height:400px;background-color:gray;display:inline-block;overflow:hidden"> <div id="cross1" style="position:absolute;top:0px;left:-300px;border:solid 1px,black;width:600px;height:400px"></div> <div id="cross2" style="position:absolute;top:200px;left:0px;border:solid 1px,black;width:600px;height:400px"></div> <div id="label1" style="position:absolute"></div></div><script language="javascript"> var allArea=document.getElementById("cross"); var crossH=document.getElementById("cross1"); var crossV=document.getElementById("cross2"); var showLabel=document.getElementById("label1"); allArea.onmousemove=function() { crossH.style.left=event.clientX-600; crossV.style.top=event.clientY; showLabel.innerHTML="X:"+event.clientX+",Y:"+event.clientY; showLabel.style.top=event.clientY+5; showLabel.style.left=event.clientX+10; }</script></body> 谢谢kangqin(小康) ,似了一下,有两个问题还不知如何解决呢,一是,当需要上下或左右滚屏时,显示位置就不正确了,二是,当背景换成其它颜色时,边框显示就能看到,那个放的矩形框了。 主要是说明原理,其他问题都是枝节了.1、加上offset做补偿,多少由scroll决定2、只让组成十字的两个框的某一边有border就OK 这个弹窗如何做出来的 代码? 代码如下,但运行页面,然后第一次关闭弹出窗口之后,每次运行页面弹出窗口是一直会出现的。不知道是哪里出了问题。 jquery选择input 学习制作在线HTML编辑器遇到的问题。 软键盘的使用: select控件 得到相应文本框的名称与值 请问?WINDOW窗口问题 版主,高手,低手们,救命:整个CSDN找不到关于好的debugger信息!****javascript 有什么好的调试器或者什么好的调试经验,晕都晕死了... 打开浏览器的问题 好奇怪的问题,为什么nodeValue全部是null值 IIS下js文件更新后没有效果,请教如何解决
<div id="cross" style="position:absolute;width:600px;height:400px;background-color:gray;display:inline-block;overflow:hidden">
<div id="cross1" style="position:absolute;top:0px;left:-300px;border:solid 1px,black;width:600px;height:400px"></div>
<div id="cross2" style="position:absolute;top:200px;left:0px;border:solid 1px,black;width:600px;height:400px"></div>
<div id="label1" style="position:absolute"></div>
</div>
<script language="javascript">
var allArea=document.getElementById("cross");
var crossH=document.getElementById("cross1");
var crossV=document.getElementById("cross2");
var showLabel=document.getElementById("label1");
allArea.onmousemove=function()
{
crossH.style.left=event.clientX-600;
crossV.style.top=event.clientY;
showLabel.innerHTML="X:"+event.clientX+",Y:"+event.clientY;
showLabel.style.top=event.clientY+5;
showLabel.style.left=event.clientX+10;
}
</script>
</body>
一是,当需要上下或左右滚屏时,显示位置就不正确了,
二是,当背景换成其它颜色时,边框显示就能看到,那个放的矩形框了。
1、加上offset做补偿,多少由scroll决定
2、只让组成十字的两个框的某一边有border就OK