<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片跟着鼠标走</title>
<script type="text/javascript">
function DivFlying() {
var div = document.getElementById("divFly");
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="divFly" style="position:absolute;">
<img src="1.gif" />
</div>
</body>
</html>
相关推荐
本文实例为大家分享了jQuery实现图片跟随效果的具体代码，供大家参考，具体内容如下 要实现的功能： * 鼠标进来，显示大图片； * 鼠标出去，隐藏大图片； * 鼠标在大图片里边动，大图片跟着动。 <html> <head>...
本文实例为大家分享了JS实现京东查看商品点击放大的具体代码，供大家参考，具体内容如下 需求分析 鼠标移入，出现黄色的遮罩，和用来放大的盒子 鼠标移出，遮罩和放大的盒子消失 鼠标在小图片上面进行移动的时候...
github 地址：github.com/qq449245884… 最近在做一个新的项目，有个需要是这样的： 简单描述一下，就是鼠标拖动页面，整个页面会随着的鼠标的拖拽而移动，如果页面有内容，里面的内容也需要跟着拖动的外层整体...
摘要:脚本资源,Ajax/JavaScript,中国龙 百度首页中国龙动画，龙年新年百度首页的Logo效果，基于JavaScript代码实现，支持鼠标跟随效果，把鼠标放在百度的Logo上面，龙就会指向鼠标，移动鼠标，龙就会跟着鼠标飞舞，...
3.11 查看网址源代码 46 3.12 将站点加入收藏夹 47 3.13 单击按钮返回默认主页 47 3.14 给指定的人员发信 48 3.15 弹出菜单式链接 49 3.16 图片选择器 50 3.17 链接导航框 51 3.18 小球跟踪链接 52 3.19 ...
本文实例为大家分享了js实现带有动画...4、源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1
内容索引:脚本资源,Ajax/JavaScript,迅雷,图片切换 迅雷音乐频道JavaScript时尚焦点图轮换完整版，CSs与Js配合的结晶，用于娱乐和产品类、资讯类网站非常合适。左侧显示大图，右侧显示列表标题，鼠标移上列表则大图...
内容索引:脚本资源,jQuery,图片放大 Easy Image Preview jQuery鼠标移上显示大缩略图功能，上边的不带动画，下边那个带有动画效果，就是鼠标在小图上移动的话，弹出的大预览图也会跟着移动，更人性一点，其原理...
内容索引:脚本资源,Ajax/JavaScript,图片切换,焦点图切换 傲游浏览器主页上的JS焦点图切换效果，当鼠标经过代表图片序号的小圆圈时，图片会跟着切换，操作体验非常不错，在兼容性方面，IE7/IE8/火狐等都运行正常，...
内容索引:脚本资源,Ajax/JavaScript,滚动条 simScroll 插件下载，用图片模拟滚动条，个人觉得从功能上来说已接近完美了，不过还是有点东西要完善的。就目前来说它支持的功能有： 1、上下按钮、滚动区域，支持切换...
动感菜单 从网页顶部滑入的JavaScript动画菜单，纯JS实现，记得以前有不少是使用jQuery制作的，效果都挺漂亮，平时是隐藏的，鼠标滑到页面顶部的时候菜单才会自动滑出来，滑过菜单项时候背景也会跟着变，...
内容索引:脚本资源,jQuery,无刷新,切换风格 JavaScript 无刷新切换网页风格，使用了jQuery插件，用鼠标点击那些不同颜色的小按钮，网页的风格就跟着变换了，而且页面中的其它元素并不发生变化，包括位置和大校现在...