javascript之抓美女

2014/11/8 21:36:31

来源

燕十八的javascript视频2014年版

代码

</style>    
    img{        
        width:130px;        
        height:130px;
        postition:relative; 
        left:0px;        
        top:0px;
    }
</style>
<body>
    <img src="./mn.png" all="" />
</body>
<script>
        document.getElementsByTagName('img')[0].onmouseover = function(ev) {        
            this.style.left = ev.pageX+10+'px';        
            this.style.left = ev.pageY+10+'px';
        }
</script>

注意

  • 1.事件对象包含事件相关的信息，如鼠标，时间，触发的DOM对象等

  • 2.事件对象被系统传递给事件函数的第一个参数

  • 3.事件对象的属性在IE/w3c略有不同

  • 4.一个重要的事件属性：target，srcElement（ie8及以下）代表事件发生的所在DOM对象