鼠标跟随的问题

原创 2007年10月08日 17:46:00

本来以前写过一个鼠标跟随的代码,结果到新项目中不好用了,后来查到了原因是我的网页做了如果的声明

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

当有此声明后document.body.scrollTop的值就永远都是0了,解决办法是只需把document.body用document.documentElement替换即可。 

<div style='visibility:hidden;border:1px solid #000000;background-color:#FFFFCC;font-size:12px;position:absolute;width:100;' id='altLayer'></div>
</body>
<script>
 function uf_displayDiv(){  
   objAltLayer=document.getElementById("altLayer");

   objAltLayer.style.visibility='visible';
   if(objAltLayer.style.visibility=='visible') {
    if (window.navigator.userAgent.indexOf("MSIE")>=1){
     //如果浏览器为IE
     //var toplen=document.body.scrollTop;//原来的写法
     var toplen=document.documentElement.scrollTop;//最新的写法
     
     objAltLayer.style.left=document.documentElement.scrollLeft+event.x;
      objAltLayer.style.top=document.documentElement.scrollTop+event.y+20;
    }
   }
 }
</script>

CSS3实现一个鼠标跟随动态旋转效果

技术点:CSS3里的3D旋转实现这个效果需要对CSS3的3D旋转还有对JQuery有一定的认识,因为这是本效果具体使用到的技术;这里不去详细讲解这两个基础知识点,只讲具体实现思路以及实现代码。 ...
  • dydjtb
  • dydjtb
  • 2017年07月21日 17:25
  • 665

C#文字跟随鼠标移动

原文转自:http://blog.csdn.net/plutus_sutulp/article/details/7817781 1、WinForm中,左击后鼠标右侧会出现文字,会跟随鼠标一起...
  • AdolphKevin
  • AdolphKevin
  • 2017年02月24日 15:21
  • 335

jQuery跟随鼠标方向出现遮罩层

鼠标从哪个方向划入,遮罩从哪个方向划入,鼠标从哪个方向划出,遮罩层从哪个方向划出。这个特效的重点是,判断鼠标的方向。 *{margin:0;padding:0;list-style: none;} ...
  • tangtang5963
  • tangtang5963
  • 2015年08月05日 15:17
  • 1265

Axure7.0 RP 如何制作提示更随鼠标移动效果演示

1.鼠标移到兔子图片上时显示“这是一只兔子”;鼠标点击风景图片时显示“这是一幅风景”:...
  • u010616175
  • u010616175
  • 2014年07月17日 13:28
  • 2144

前端成长之路—canvas实现跟随鼠标和跟随手指粒子特效

html lang="en"> head> meta charset="UTF-8"> title>粒子跟随特效title> style> *{ ...
  • IForDreams
  • IForDreams
  • 2017年07月20日 03:30
  • 1378

页面内元素跟随鼠标移动和右键菜单组件功能

这是腾讯一面给我的面试题,现在想想其实也蛮简单的,主要是考察鼠标事件。我当时没有完成的比较好。面试完后仔细又重新实现了下。 鼠标对正方形元素拖拽和放下,主要涉及的鼠标事件包括:mouseover,m...
  • cwzhsi
  • cwzhsi
  • 2016年03月11日 21:01
  • 996

JS实现div随着鼠标移动

效果图代码
  • Small_Lee
  • Small_Lee
  • 2017年06月12日 11:24
  • 1096

JS原生实现多个小球跟着鼠标移动

每个小球移动都有自己的坐标,小球移动的同时,需要进行坐标传递,将第一个坐标依次传递给最后一个坐标,来实现小球跟着移动的效果...
  • qq_37506861
  • qq_37506861
  • 2017年07月16日 17:30
  • 434

jquery nav鼠标跟随的导航

无标题文档 .nav{ width:1000px; height:46px; line-height:46px; background: #333;...
  • cddcj
  • cddcj
  • 2016年11月24日 16:24
  • 268

jQuery特效 | 导航底部横线跟随鼠标缓动

HTML5学堂(码匠):jQuery来实现如下特效 - 在导航底部存在一条横线,跟随着鼠标缓动到相应导航项底部。...
  • h5course
  • h5course
  • 2017年02月27日 19:55
  • 898
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:鼠标跟随的问题
举报原因:
原因补充:

(最多只允许输入30个字)