<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标跟踪</title>
<style type=text/css>
.mystyle {
COLOR:red;
FONT-FAMILY:宋体;
FONT-SIZE:20pt;
POSITION:absolute;
TOP:100px;
WIDTH:200px;
Z-INDEX:50;
VISIBILITY:visible
}
</style>
<script language="JavaScript">
<!--
var x,y;
var flag=0; function MouseMove(){
x=document.body.scrollLeft+event.clientX;
//获取当前鼠标位置的X坐标
x=document.body.scrollTop+event.clientY;
//获取当前鼠标位置的Y坐标
flag=1;
}
function SetPos(){
if(flag==1){
//当鼠标移动时,重新设置图层位置
divl.style.posLeft=x+20;
//设置图层位置的X坐标
divl.style.posTOP=y;
//设置图层位置的Y坐标
}
代码1
//每100ms刷新图层位置坐标
}
-->
</script>
</head>
<body onload="代码2" onmousemove="MouseMove()">
<div id="divl" class="mystyle">
鼠标跟踪演示
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标跟踪</title>
<style type=text/css>
.mystyle {
COLOR:red;
FONT-FAMILY:宋体;
FONT-SIZE:20pt;
POSITION:absolute;
TOP:100px;
WIDTH:200px;
Z-INDEX:50;
VISIBILITY:visible
}
</style>
<script language="JavaScript">
<!--
var x,y;
var flag=0; function MouseMove(){
x=document.body.scrollLeft+event.clientX;
//获取当前鼠标位置的X坐标
x=document.body.scrollTop+event.clientY;
//获取当前鼠标位置的Y坐标
flag=1;
}
function SetPos(){
if(flag==1){
//当鼠标移动时,重新设置图层位置
divl.style.posLeft=x+20;
//设置图层位置的X坐标
divl.style.posTOP=y;
//设置图层位置的Y坐标
}
代码1
//每100ms刷新图层位置坐标
}
-->
</script>
</head>
<body onload="代码2" onmousemove="MouseMove()">
<div id="divl" class="mystyle">
鼠标跟踪演示
</div>
</body>
</html>
解决方案 »
- 高分求一个正则替换
- Ajax问题??
- Kindeditor初始化格式
- javascript怎么拼接xml啊?先谢谢大家了~
- 关于用Google Analytics API得到数据的问题
- Ext的EditorGridPanel排列方式
- 既懂javascript又懂vbscript的高手:帮忙解决一个棘手的问题!
- 用javascript如何分别定义input各个边框的属性?(每条边框10分)
- ■■请教:页面中<table>中的行颜色的改变,我使用document.all.tbl.rows[1].bgcolor="#ECF2EC",但是没有效果啊,请看■■
- getAttribute如何得到style=""中的属性
- BBS里的头像显示信息层,是如何做的?用JS CSS做鼠标悬停显示层等效果
- 问个js控制表格的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标跟踪</title>
<style type=text/css>
body {width:100%;height:1000px}
.mystyle {
COLOR:red;
FONT-FAMILY:宋体;
FONT-SIZE:20pt;
POSITION:absolute;
TOP:100px;
WIDTH:200px;
Z-INDEX:50;
VISIBILITY:visible
}
</style>
<script language="JavaScript">
<!--
var x,y;
var flag=0; function MouseMove(){
x=document.body.scrollLeft+event.clientX;
//获取当前鼠标位置的X坐标
y=document.body.scrollTop+event.clientY;
//获取当前鼠标位置的Y坐标
flag=1;
SetPos();
}
function SetPos(){
if(flag==1){
//当鼠标移动时,重新设置图层位置
//divl.style.posLeft=x+20;
//设置图层位置的X坐标
//divl.style.posTOP=y;
//设置图层位置的Y坐标
var $o=document.getElementById('divl');
$o.style.top=y+20;
$o.style.left=x+10;
}
//代码1
//每100ms刷新图层位置坐标
}
-->
</script>
</head>
<body onmousemove="MouseMove()">
<div id="divl" class="mystyle">
鼠标跟踪演示
</div>
</body>
</html>