<html>
<head>
<script type="text/javascript">
var flag=0;//0表示图片移动，1表示点击后图片不移动
function doit(){
if(flag==0){
var obj = document.getElementById("tampon");
obj.style.left = event.x-20;
obj.style.top = event.y-20;
}
}
window.onload=function(){
document.body.onmousemove = doit;
}
document.onclick = mouseClick;
function mouseClick(e){
flag=1;
var x,y;
if(!document.all){
x=e.pageX;
y=e.pageY;
}else{
x=document.body.scrollLeft+event.clientX;
y=document.body.scrollTop+event.clientY;
}
}
</script>
</head>
<body style="cursor:none;">
<img id="tampon" style="position:absolute;z-index:10;" src="censored.png"/>
</body>
</html>
分享到：
相关推荐
### IT知识点：使用jQuery实现图片跟随鼠标移动效果 在网页设计和前端开发中，增加交互性和动态效果可以显著提升用户体验。其中一个常见的需求是使页面中的图片能够跟随鼠标的移动而移动，这种效果常用于增强网站的...
在本文中，我们将深入探讨如何在Silverlight应用中实现鼠标移动事件，以及如何利用这些事件让图片跟随鼠标的移动，并实时显示鼠标位置的坐标。Silverlight是微软开发的一个跨浏览器插件，用于创建丰富的交互式用户...
div在固定区域跟随鼠标移动，上传的html文件，里边有简单的代码，通俗易懂。
在本场景中，我们关注的是如何利用TweenMax实现图片跟随鼠标移动而变化的效果。 首先，我们需要了解TweenMax的基本用法。TweenMax可以对任何数值属性进行动画处理，包括位置、颜色、大小等。它通过定义开始值、结束...
"跟随鼠标移动"这一主题在WPF动画中是相当常见的应用场景，比如创建一个对象，如一个小球或者图标，让它随着鼠标的移动而移动。这在设计动态用户界面时非常有用，可以提升用户体验，吸引用户的注意力。 要实现WPF中...
"jquery图片跟随鼠标晃动效果"是一个基于jQuery库实现的特效，旨在为用户提供一种新颖的交互方式，使图片在鼠标移动时产生动感十足的视觉体验。这个特效由韩雪冬工作室开发，因其精美的设计和出色的动态性能，受到了...
【描述】中的"jquery smart3d图片跟随鼠标移动视觉差滚动效果代码"进一步指出了这个特效是基于jQuery库实现的，并且可能采用了3D视觉效果。jQuery是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画...
在MFC（Microsoft Foundation Classes）框架中，实现文字跟随鼠标移动的功能主要涉及到Windows消息处理、图形设备接口（GDI）以及MFC类库的使用。下面将详细解释这个功能的实现步骤和技术要点。 首先，我们需要了解...
"jQuery图片跟随鼠标移动效果"就是一种常见的交互式图像展示技术。这个效果主要应用于全屏或宽屏背景图片，尤其是那些分辨率较高，单屏无法完全显示的图片。通过JavaScript库jQuery，我们可以实现图片在用户鼠标移动...
当用户将鼠标移动到特定区域内，图片会根据鼠标的运动进行动态跟踪，提供了一种引人注目的交互体验。这种效果通常用于提升网页的用户体验，吸引用户的注意力，或者在产品展示、游戏、艺术设计等领域创造独特的视觉...
在这个"易语言图标跟随鼠标移动源码.7z"压缩包中，包含的是一个易语言编写的程序源代码，该源码实现了图标跟随鼠标移动的功能。这一功能在很多软件或应用程序中都有应用，例如鼠标指针工具、游戏辅助等。 首先，...
jQuery磁性透明图层跟随鼠标移动图片特效.rarjQuery磁性透明图层跟随鼠标移动图片特效.rarjQuery磁性透明图层跟随鼠标移动图片特效.rarjQuery磁性透明图层跟随鼠标移动图片特效.rarjQuery磁性透明图层跟随鼠标移动...
在本项目中，JavaScript是实现图片跟随鼠标移动的关键，它负责监听鼠标的移动事件，并相应地调整图片的位置。 **jQuery库** jQuery是一个高效的JavaScript库，简化了DOM操作、事件处理、动画效果和Ajax交互。在...
这种插件通常被用来实现图片预览功能，让用户能够在不离开当前页面的情况下，通过鼠标移动来查看图片的细节部分。下面将详细阐述这种插件的工作原理、应用场景以及如何使用。 一、工作原理 EasyZoom插件通过监听...
【jQuery磁性透明图层跟随鼠标移动图片特效】是一种网页交互设计技术，它利用JavaScript库jQuery来实现一种动态效果：当用户在网页上移动鼠标时，一个透明的图层会像具有磁性一样紧随鼠标指针，为用户提供了一种独特...
本项目所介绍的就是一种这样的技术——“跟随鼠标移动的十字坐标显示”。这个小功能可以在用户鼠标在页面上移动时，实时地显示一个十字架标记，指示出鼠标的当前位置，给人一种酷炫且个性化的视觉效果。 要实现这个...
在这个项目中，jQuery被用来监听鼠标的移动事件，并根据鼠标的坐标改变图片的位置，实现了图片跟随鼠标移动的功能。 CSS3是CSS（层叠样式表）的最新版本，引入了许多新的特性和功能，如选择器、边框和背景、盒模型...
在这个“html5跟随鼠标移动银河星系背景动画特效”中，我们可以看到HTML5的强大潜力被充分利用，创造出一种引人入胜的视觉体验。这个特效将用户交互与动态图形相结合，使得背景中的银河星系随着鼠标的移动而变化，...
运行程序，观察图片是否能正确跟随鼠标移动，以及轨迹是否正确显示。通过调整代码和参数，优化视觉效果和性能。 以上就是关于"visual c++制作 图片跟着鼠标移动,显示鼠标移动轨迹"的主要知识点。通过这个项目，...
这个功能在描述中被称为“CursorX跟随鼠标移动”。 首先，我们要理解Chart控件的CursorX属性。CursorX是Chart控件的一个内置特性，它表示当前鼠标在X轴上的位置。我们可以设置CursorX的位置，或者监听它的变化来...