js实现页面上的图片跟着鼠标箭头移动

原创 2016年08月29日 13:36:34
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js练习七</title>
<script type="text/javascript">
function Divflying(){
var div=document.getElementById('dv1');
if (!div) {
return;
}
var intX=window.event.clientX;
var intY=window.event.clientY;
div.style.left=intX+"px";
div.style.top=intY+"px";
}
document.onmousemove=Divflying;
</script>
</head>
<body>
<div id="dv1" style="position:absolute;">
<img src="fly.jpg"><br>
低调的跟着鼠标飘过~~
</div>
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

文字或图片跟随鼠标移动或键盘控制图片移动实例(javascript实现)

.html代码如下: 鼠标移动文字跟着移动 *{margin:0} #layer{ width:100px; height:30px; position:relative; ...

js 鼠标放置图片展示大图并跟随鼠标移动

js 鼠标放置图片展示大图并跟随鼠标移动html 页面中,鼠标放置图片上方,显示大图并跟随鼠标移动,当鼠标移出图片内容时,大图消失 源码内容如下: ...

jquery实现图片跟随鼠标

开发后台写页面困难的一比啊,想写个鼠标移动某连接右侧显示二维码,并跟随鼠标移动的功能,各种查资料,花了一小天终于搞出来了,代码的记下来,浪费了我这么多时间,记你一辈子,这个可以直接在W3School直...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

一段实现页面上的图片延时加载的js

一段实现页面上的图片延时加载的js 效果可以直接看淘宝的商品分类页、还有QQ的商城页 相关地址: http://list.taobao.com/browse/30-5...

鼠标移动显示图片JS代码

  • 2008年06月25日 20:06
  • 1KB
  • 下载

图片随鼠标移动(JS)

  • 2015年06月16日 12:55
  • 3KB
  • 下载

js div随鼠标移动,css图片放大镜效果

js div随鼠标移动,css图片放大镜效果css代码: index.css文件/* CSS样式 */ body{ margin:30px;} div { cursor: pointer...

鼠标移动到图片名上,显示图片----js研究(1)

本来想自己实现一个 点查询按钮 弹出一个gif图片的效果,无意中看到这段代码,感觉效果很不错。 代码实现效果:鼠标移动到名(wait.gif)上,显示图片,鼠标移开则不显示图片    做法...
  • aa_moon
  • aa_moon
  • 2016年12月02日 15:43
  • 732
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js实现页面上的图片跟着鼠标箭头移动
举报原因:
原因补充:

(最多只允许输入30个字)