图片随鼠标移动

<head>
<title></title>

<script type="text/javascript">
        document.onmousemove =function() {        //当鼠标移动式获取当前x,y坐标值
var x = window.event.clientX;
var y = window.event.clientY;
var f = document.getElementById("fly");        //取到id为fly的标签内容赋值于f
if (!f) {                                //如果没有取到,则返回
return;
            }
            f.style.left = x;                        //否则将f的坐标设为鼠标坐标值x,y
            f.style.top = y;
        }
</script>

</head>
<body>
<div id="fly" style="position: absolute">
<img src="300png016.png"/><br />
哈哈!我会飞!
</div>
</body>

图片随鼠标移动,,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。