js 实现div跟随鼠标移动
2015-03-03 17:25
686 查看
今天看到了一个自己可以随心所欲的拖到div到页面的任意位置。感觉挺好的,就心血来潮的查询了一下,看看网友做的
代码如下:
<script>
function doit(){
var obj = document.getElementById("pad");
obj.style.left = event.x+10;
obj.style.top = event.y+10;
}
window.onload=function(){
document.body.onmousemove = doit;
}
</script>
<div id="pad" style="padding:0px;margin:0px;width:10px;height:10px;left:0px;top:0px;background-color:#ff0000;position:absolute;z-index:100;"></div>
这个网友说不支持FF!!
代码如下:
<script>
function doit(){
var obj = document.getElementById("pad");
obj.style.left = event.x+10;
obj.style.top = event.y+10;
}
window.onload=function(){
document.body.onmousemove = doit;
}
</script>
<div id="pad" style="padding:0px;margin:0px;width:10px;height:10px;left:0px;top:0px;background-color:#ff0000;position:absolute;z-index:100;"></div>
这个网友说不支持FF!!
相关文章推荐
- js中实现div跟随鼠标移动
- js 实现 鼠标 移动 div
- js实现文字跟随鼠标移动而移动的方法
- js实现文字跟随鼠标移动而移动的方法
- JS实现div随着鼠标移动
- js实现的跟随鼠标移动的时钟效果(中英文日期显示)
- 使用JS实现气泡跟随鼠标移动的动画效果
- js实现的跟随鼠标移动的时钟效果(中英文日期显示)
- Js实现div跟着鼠标的移动
- js实现div跟谁鼠标悬浮移动显示
- JS实现图片跟随鼠标移动
- js实现跟随鼠标移动的提示框
- JS实现控件跟随鼠标移动
- 原生js实现div随鼠标移动效果
- js+html+css实现鼠标移动div实例
- js实现跟随鼠标移动且带关闭功能的图片广告实例
- css,js实现在鼠标移动到一个位置在这个位置下面显示一个已经存在的div,这个div的位置随意
- [Js]跟随鼠标移动的div
- js实现跟随鼠标移动且带关闭功能的图片广告实例
- 原生JS实现的多个彩色小球跟随鼠标移动动画效果示例