absweikai 2013-08-22 16:29
浏览 985
已采纳

html中如何用js设置鼠标两秒不动，隐藏鼠标

项目中有一个需求，在网页中，如果鼠标停止移动2秒钟，那么鼠标就将自动隐藏，当移动鼠标时，又显示出来，效果类似于演示TTP的效果，不要对电脑或者浏览器进行设置，直接用js做，纯html页面，不是flash里面的Mouse.hidden()和Mouse.show()。

求各位大神帮忙

  • 写回答

4条回答 默认 最新

  • dashabenmao 2013-08-22 16:52
    关注

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    无标题文档 #demo1, #demo2 { width:500px; height:300px; border:1px solid #CCC; } #demo1 { background-color:#9FF; margin-bottom:10px; } #demo2 { background-color:#FFC; } function showCoords(e, obj) { var e = window.event || e; var arCoords = [e.clientX, e.clientY]; obj.getElementsByTagName('p')[1].getElementsByTagName('span')[1].innerHTML = 'X:' + arCoords[0] + ',Y:' + arCoords[1]; } window.onload = function() { document.getElementById('demo1').onmousemove = function(event) { showCoords(event, this); } document.getElementById('demo2').onmouseover = function(event) { showCoords(event, this); } }

    mousemove测试

    当前坐标：

    mouseover测试

    当前坐标：


    通过这个 可以判断鼠标移动的情况。这样 你需要去监听 当前坐标的值 。
    每几秒监听下值 是否变化，如果不变。
    就用CSS样式
    BODY{CURSOR: url('空白图片url')}

    去把鼠标 换个图片。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

悬赏问题

  • ¥15 如何用Labview在myRIO上做LCD显示？(语言-开发语言)
  • ¥15 Vue3地图和异步函数使用
  • ¥15 C++ yoloV5改写遇到的问题
  • ¥20 win11修改中文用户名路径
  • ¥15 win2012磁盘空间不足,c盘正常，d盘无法写入
  • ¥15 用土力学知识进行土坡稳定性分析与挡土墙设计
  • ¥70 PlayWright在Java上连接CDP关联本地Chrome启动失败,貌似是Windows端口转发问题
  • ¥15 帮我写一个c++工程
  • ¥30 Eclipse官网打不开，官网首页进不去，显示无法访问此页面，求解决方法
  • ¥15 关于smbclient 库的使用