码迷,mamicode.com
首页 > 移动开发 > 详细

图片随鼠标移动

时间:2014-07-24 14:45:35      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:style   java   color   os   io   re   c   cti   

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

图片随鼠标移动,布布扣,bubuko.com

图片随鼠标移动

标签:style   java   color   os   io   re   c   cti   

原文地址:http://www.cnblogs.com/renyanlei/p/3865391.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!