首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-07-02 
图片随着鼠标移动而移动的效果script?typetext/javascriptdocument.onmousemovefunction(){var?x??

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

<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-->

热点排行