【js实现继承】JS实现十字坐标跟随鼠标效果

【www.bbyears.com--浏览器】

本次小编给大家带来一个JS的效果，实现根据浏览器的窗口大小出现十字坐标并跟随鼠标移动的效果，还可以计算出实时的坐标数值。

我们先来看一下运行后的效果图：

以下是经过小编测试后的全部代码：

 
 <script type="text/javascript">
 //
 var ox = document.createElement("div");
 var oy = document.createElement("div");
 ox.style.width = "100%";
 ox.style.height = "1px";
 ox.style.backgroundColor = "#ddd";
 ox.style.position = "fixed";
 ox.style.left = 0;
 document.body.appendChild(ox);
 oy.style.height = "100%";
 oy.style.width = "1px";
 oy.style.backgroundColor = "#ddd";
 oy.style.position = "fixed";
 oy.style.top = 0;
 document.body.appendChild(oy);
 document.onmousemove = function(e){
 var e = e || event;
 var x = e.pageX;
 var y = e.pageY;
 ox.style.top = y + "px";
 oy.style.left = x + "px";
 document.getElementById("html"). innerHTML = "x : " + x + "
y : " + y;
 };
 </script>
更多代码请访问：脚本之家

本文来源：http://www.bbyears.com/bangongshuma/144560.html