求教（附代码）!!

「已注销」 2006-08-12 09:04:01

今天在学习AJAX的时候看到以下代码：

//////////////////////////////CODE////////////////////////////////
<html>
<head>
<link rel='stylesheet' type='text/css' href='mousemat.css' />
<script type='text/javascript'>
var cursor=null;
window.onload=function(){
var mat=document.getElementById('mousemat');
mat.onmousemove=mouseObserver;
cursor=document.getElementById('cursor');
}
function mouseObserver(event){
var e=event || window.event;
writeStatus(e);
drawThumbnail(e);
}
function writeStatus(e){
window.status=e.clientX+","+e.clientY;
}
function drawThumbnail(e){
cursor.style.left=((e.clientX/5)-2)+"px";
cursor.style.top=((e.clientY/5)-2)+"px";
}
</script>
</head>
<body>
<div class='mousemat' id='mousemat'></div>
<div class='thumbnail' id='thumbnail'>
<div class='cursor' id='cursor' />
</div>
</body>
</html>
//////////////////////////////END//////////////////////////////
但是我输入到一个HTML文件里，但是没有任何的反应，有谁能来指导一下么？

推荐一下刚刚开始AJAX学习的书籍吧～谢谢。
AllenKOO.Fang@Gmail.Com

...全文

109 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

郭大侠_ 2006-08-14

打赏
举报

以上为：mousemat.css 文件内容

郭大侠_ 2006-08-14

打赏
举报

.body{
background-color: white;
}
.mousemat{
background-color: #ffe0d0;
border: solid maroon 2px;
width: 500px;
height: 500px;
top: 24px;
left: 24px;
position: absolute;
}
.thumbnail{
background-color: cyan;
border: solid navy 1px;
width: 100px;
height: 100px;
top: 24px;
left: 528px;
position: absolute;
margin:0px;
padding: 0px;
}
.cursor{
background-color: navy;
width:3px;
height: 3px;
position: relative;
}

郭大侠_ 2006-08-14

打赏
举报

<html>

<head>
<link rel='stylesheet' type='text/css' href='mousemat.css' />
<script type='text/javascript'>

var cursor=null

window.onload=function(){
var mat=document.getElementById('mousemat');
mat.onmousemove=mouseObserver;
cursor=document.getElementById('cursor');
}

function mouseObserver(event){
var e=event || window.event;
writeStatus(e)
drawThumbnail(e)
}

function writeStatus(e){
window.status=e.clientX+","+e.clientY
}

function drawThumbnail(e){
cursor.style.left=((e.clientX/5)-2)+"px";
cursor.style.top=((e.clientY/5)-2)+"px";
}
</script>
</head>

<body>
<div class='mousemat' id='mousemat'></div>
<div class='thumbnail' id='thumbnail'>
<div class='cursor' id='cursor'></div>
</div>
</body>

</html>