鼠标跟随的问题

原创 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>

跟随鼠标flash跟随鼠标跟随鼠标

  • 2011年07月09日 12:02
  • 7KB
  • 下载

js实现鼠标跟随效果

在平时开发中,实现鼠标跟随效果并不是很常见,但是在一些个人博客和个人网站中这个效果有时候会用到 有些游戏网站中也会用到这个效果。这里分享的是一个例子。代码如下,, 注意我这里跟随的是一个图片,也可...
  • ltmtianming
  • ltmtianming
  • 2018-01-01 11:17:19
  • 267

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

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

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

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

精美js鼠标特效代码跟随

精美的JavaScript鼠标跟随代码,几个漂亮的色球随着鼠标移动,富有弹性的那种。效果比较好,跟踪鼠标的几个色球是调入的外部图片,因些请先把这几个小图片下载下来。...
  • life66881
  • life66881
  • 2015-05-14 12:01:18
  • 1583

小球跟随鼠标小球跟随鼠标

  • 2011年04月08日 20:55
  • 12KB
  • 下载

flash as3.0 跟随鼠标的粒子效果

  • 2009年12月14日 17:04
  • 10KB
  • 下载

Flash As3.0 学习笔记 第三课-鼠标事件-鼠标跟随

在第二课的基础上我们对鼠标类进行修改 修改如下为跟随代码 package { import flash.display.MovieClip; import flash.eve...
  • scl512
  • scl512
  • 2011-08-03 21:04:11
  • 3866

Unity鼠标出屏幕后 摄像机跟随鼠标方向移动

using UnityEngine; using System.Collections;public class CameraHyp : MonoBehaviour { // Use this ...
  • tianduyingcai0113
  • tianduyingcai0113
  • 2017-09-09 11:33:49
  • 239

Flash制作鼠标跟随教程

  • 2011年11月16日 21:39
  • 48KB
  • 下载
收藏助手
不良信息举报
您举报文章:鼠标跟随的问题
举报原因:
原因补充:

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