抓不到乌龟
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>抓不到乌龟</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
div {
width: 200px;
height: 200px;
background: olive;
overflow: hidden;
position: relative;
border: 1px dashed lemonchiffon;
border-radius: 5px initial;
left:0px;
}
img {
width: 200px;
height: 200px;
position: relative;
}
</style>
</head>
<body>
<pre>
a)事件对象包含事件相关的信息,如鼠标,时间,促发的DOM对象等
b)事件对象被系统传递给事件函数第一个个参数
c)事件对象的属性在IE/W3c略有不同
d)一个重要的事件属性:target,srcElement(IE下),代表事件发生的所在DOM对象
</pre>
<div>
<img src="./1.jpg" alt="" />
</div>
</body>
<script type="text/javascript">
document.getElementsByTagName('div')[0].onmousemove=function (ev){
this.style.left=ev.pageX+5+'px';
}
document.getElementsByTagName('div')[0].onclick=function (){
alert ('来打我呀');
}
</script>
</html>
Dcr163的博客
http://dcr163.cn/58.html(转载时请注明本文出处及文章链接)