读书人

图片跟着鼠标移动而移动的效果

发布时间: 2012-07-02 17:46:23 作者: rapoo

图片随着鼠标移动而移动的效果

<script?type="text/javascript">

document.onmousemove=function(){

var?x?=?window.event.clientX;//clientX表示鼠标在X轴上的移动坐标

var?y?=?window.event.clientY;

????var?divFly?=?document.getElementById("divFly");

if(!divFly){

????return?;

}

divFly.style.left?=?x;

divFly.style.top?=?y;

}

</script>

<div?id="divFly"?style="position:?absolute;">

? ????<img??src="5.jpg"><br>

</div>

<!--EndFragment-->

读书人网 >Web前端

热点推荐