您的位置：首页 > Web前端 > JavaScript

javascript事件小例子（图片随鼠标动）

2009-09-30 11:02 260 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<mce:script language=javascript><!--

document.all.face.style.position=absolute;
function getPos()
{
//clientX、clientY属性：设置或者获取事件位置的坐标，这两个属性的值分别表示了事件发生时相对于浏览器客户区的x，y坐标，及相对于Web页面左上角的宽度和高度，单位为像素
var posx = event.clientX;
var posy = event.clientY;
document.all.info.innerHTML = "<font colot='red'>("+posx+","+posy+")</font>";
//图片跟随鼠标动
document.all.face.style.pixelLeft = posx;
document.all.face.style.pixelTop = posy;
}
// --></mce:script>
</HEAD>

<BODY onmousemove="getPos()">
<div id="face" style="position:absolute" mce_style="position:absolute"><img src="image2.jpg" mce_src="image2.jpg"></div>
<div id="info"></div>
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航