html 图片跟着鼠标,图片跟着鼠标飞.html

Document

img{

position: absolute;

}

body{

height: 2000px;

}

function getScroll(){

return {

left:window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,

top:window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0,

}

}

var im = document.getElementById('im');

document.οnmοusemοve=function(e){

e = window.event || e; //因为e在IE8中是不支持的

im.style.left=e.clientX+getScroll().left+'px'; //clientX 可视区域

im.style.top=e.clientY+getScroll().top+'px';

}

//pageX、pageY就是鼠标相对于页面的边界的坐标(clientX+向左卷曲出去的距离=pageX),但是IE8中不支持这两个属性，所以还是得用clientX+向左卷曲出去的距离

一键复制

编辑

Web IDE

原始数据

按行查看

历史