JS实现网页十字光标

悠悠 2021-11-17 07:50 371阅读 0赞

<html>  
<head>  
<title>在页面中显示十字光标</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
</head>  
<body>  
<div id="divleft"></div>  
<div id="divtop"></div>  
<script language="JavaScript">  
function move()\{  
 if (event.clientX<document.body.clientWidth-2)  
  divtop.style.pixelLeft=document.body.scrollLeft+event.clientX+1;  
 else divtop.style.pixelLeft=document.body.clientWidth-2;  
 if (event.clientY<document.body.clientHeight-2)  
  divleft.style.pixelTop=document.body.scrollTop+event.clientY+1;  
\}  
function setstyle(n)\{  
 var name=eval(n).style;  
 name.position="absolute";  
 name.left="0";  
 name.top="0";  
 if (n=="divleft")\{  
  name.height="2px";  
  name.width=document.body.clientWidth;  
 \}  
 if (n=="divtop")\{  
  name.width="2px";  
  name.height=document.body.clientHeight;  
 \}  
 name.backgroundColor="\#6699cc";  
 name.fontSize="0px";  
\}  
setstyle("divleft");  
setstyle("divtop");  
document.οnmοusemοve=move;  
</script>  
</body>  
</html>

转载于:https://www.cnblogs.com/softmans/p/7422928.html

发表评论取消回复

表情：

评论列表（有 0 条评论，371人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 指定光标位置

可以使用 JavaScript 中的 selectionStart 和 selectionEnd 属性来指定光标的位置。这些属性属于 HTMLInputElement 对象

柔情只为你懂/ 2024年03月26日 08:24/ 0 赞/ 108 阅读

相关 JS实现键盘移动光标

通过键盘的上下左右，实现对光标的移动，当点击回车时，进入所选的对应页面。左边是菜单栏，右边是具体数据。 ![Center][] 左边的菜单栏布局 ![Ce

╰半橙微兮°/ 2023年10月17日 08:29/ 0 赞/ 135 阅读

相关超简单的自定义个性化网页鼠标光标样式 html+css+js

话不多，看效果先： ![在这里插入图片描述][2021071621045737.gif_pic_center] 好久不见~ 平常，我们网页的鼠标光标默认是一个白色的箭

古城微笑少年丶/ 2023年01月24日 04:21/ 0 赞/ 37 阅读

相关 MagicMouse.js光标样式瞄准js特效

[下载地址][Link 1] MagicMouse.js是一个自定义光标样式，来创建一个很酷的,互动的光标跟随鼠标指针的一个圆。 ![1632803051.png][]

偏执的太偏执、/ 2022年09月13日 14:21/ 0 赞/ 251 阅读

相关 js实现网页间通信

在用window.open("a,html")后打开的网页后，在打开的a.html文件发现，opener是存在的，但是opener.document却是null；而window

朱雀/ 2022年06月14日 01:13/ 0 赞/ 219 阅读

相关 JS实现简易网页计算器

js实现简易计算器。计算器的布局不像表格那么公正对称，所以布局这块相对比较繁琐，但是也可以通过这来练习一下CSS。一、实现功能 1. 完成计算器的加减乘除的基本计算功能

女爷i/ 2022年05月17日 10:52/ 0 赞/ 345 阅读

相关 JS-设置input光标位置

设置input光标位置： <!DOCTYPE html> <html> <head> <meta chars

àì夳堔傛蜴生んèń/ 2022年05月13日 01:52/ 0 赞/ 376 阅读

相关 Eclipse或MyEclipse中光标变成"十字形状"解决办法光标变成"加号"解决办法

Eclipse或MyEclipse中光标变成"十字形状"解决办法光标变成"加号"解决办法一、问题：在操作Ec

淩亂°似流年/ 2022年04月24日 22:28/ 0 赞/ 3100 阅读

相关网页中光标在input中的定位

转自：http://zhujinguo.iteye.com/blog/765929 IE下的Range操作比Mozilla下强很多，这里只讨论IE下的操作。这里

青旅半醒/ 2022年04月14日 02:26/ 0 赞/ 805 阅读

相关 JS实现网页十字光标

<html> <head> <title>在页面中显示十字光标</title> <meta http-equiv="Content-Type" content="t

悠悠/ 2021年11月17日 07:50/ 0 赞/ 372 阅读