鼠标悬停图像跟随鼠标移动

文章/答案/技术大牛

发布

1回答

javascript、jquery、mouseevent、pseudo-element

我正在尝试用鼠标移动悬停图像。我已经找到了很多资源，但是因为我使用的是Wordpress主题，所以我不能编辑HTML，因此尝试使用伪元素(尽管它不是必须的)来显示悬停的图像。可以在鼠标移动时移动伪元素吗？否则，有没有JS可以用来添加随着鼠标悬停而移动的图像？我已经在使用一些JS来更改hover上整个部分的背景颜色，所以也许我可以将其挂钩？这是带有‘toolkit’手风琴的URL，你可以在这里看到我的小伪缩略图，

浏览 36提问于2019-10-18得票数 0

回答已采纳

4回答

带有: jQuery的悬停.mousemove()

jquery、css、hover、mousemove

我使用CSS :hover伪类来显示较大的图像，使用jQuery .mousemove()来跟踪鼠标光标的位置。较大的图像应该在鼠标悬停时显示，并跟随鼠标光标。问题是，当鼠标不再“悬停”时，较大的图像不会消失。它会跟随鼠标在整个页面上移动几秒钟，最后才会消失。

浏览 9提问于2012-08-02得票数 1

回答已采纳

3回答

Jquery -带缓动的背景位置动画

jquery、mousemove、easing

但是我不知道如何停止动画的排队，让动画“跟随”鼠标左右移动。将鼠标悬停在顶部图像上，您可以看到跟随鼠标的背景动画。但我想在此添加一些缓和，以便它跟随鼠标更流畅一点。使用jquery动画看起来像是在排队，但我希望当鼠标移动停止时，动画能够在稍有延迟的情况下赶上鼠标。希望这是有意义的

浏览 3提问于2012-12-27得票数 4

回答已采纳

1回答

使jqZoom演进的缩放框跟随鼠标光标

javascript、jquery

我正在使用演进在我的网站上实现缩放功能，问题是它没有当我悬停在图像上时缩放框跟随我的鼠标指针的功能，我尝试使用鼠标移动来使它跟随光标移动，但每次我调整浏览器的大小时，框都会进一步远离光标。zoomWindow").css({ left: e.pageX所以基本上我只需要当我悬停在图像上时，缩放框跟随我的<e

浏览 1提问于2011-09-29得票数 0

回答已采纳

2回答

当没有指定的高度时，为什么我的图标在悬停时会被切断？

html、css

在上，当你停留在我的图标上，而不是它们自然地向上移动时，即使我没有设置高度，它们也会被切断。我知道我的HTML搞砸了，因为我使用了一百万个it，但我的页面不受浏览器bug的影响，所以忽略它。

浏览 0提问于2011-01-08得票数 0

回答已采纳

5回答

跟随鼠标的Jquery工具提示

jquery、html、jquery-plugins

我想简单地有一个工具提示，当鼠标悬停在div上时，它会跟随鼠标。我想用这个：我让它工作了，但是当鼠标指针移动时，我不能让工具提示真正跟随鼠标。

浏览 0提问于2011-01-03得票数 3

1回答

React-Bootstrap Carousel偶尔会卡在第二个图像上

reactjs、react-bootstrap

我的React-Bootstrap Carousel偶尔会在第二个图像上停留很长时间，即使我有一个{1500}间隔集。无论我在那里使用什么图像，都会发生这种情况。有什么想法吗？

浏览 39提问于2021-07-07得票数 0

2回答

如何使用Jquery获取链接标题信息？

jquery、hyperlink

我想要得到某人的详细信息，如果有人将鼠标光标放在这个名字上。例如，如果有人将光标放在姓名"John“上，将向他显示以下信息："Location: USA，Sex:Male，City:Los Los”。

浏览 7提问于2011-12-09得票数 0

回答已采纳

2回答

图像跟随鼠标，使用mousemove事件(使用Jquery/Javascript)

javascript、jquery、mousemove

我希望当鼠标移动时，图像跟随鼠标移动，但当鼠标单击任意位置时，图像停止跟随；当鼠标再次单击时，图像开始跟随。<!/images/food%20photgraphy2.jpg" height="50px" width="55px" alt="food"> </b

浏览 9提问于2020-05-17得票数 2

1回答

JavaScript中的鼠标事件？

javascript、canvas、mouseevent

如何使用JavaScript让图像跟随鼠标移动？我目前正在使用新的HTML5画布元素。(我希望鼠标跟随的图像在画布上，我只希望它跟随鼠标的位置。)

浏览 3提问于2011-05-22得票数 0

2回答

在悬停上像谷歌图片一样放大图片

image、hover、tooltip、onmouseover

大家好，我正在努力完成一些图像在悬停时增长的事情，比如在google图像上的花哨的增长鼠标悬停效果。该工具提示是偏移的，并基于沃尔特·佐恩的工具提示。最好的方法是让鼠标悬停弹出窗口像谷歌图片(带有文本)一样增长，而不是跟随鼠标？(我仍然需要它与相同的工具提示完成-可能会覆盖它，但它必须存在，以传递文本和图像，这只是它的定位和显示方法，我需要帮助创建，任何样本将不胜感激)

浏览 2提问于2010-12-27得票数 0

回答已采纳

2回答

将鼠标悬停在NSView子视图中

objective-c、cocoa、mouseevent、nsview

我有一个处理鼠标事件的NSView子类，在那个NSView中我有一个子视图(这是NSView的另一个子类)。如何处理这两个NSViews的鼠标事件。我想要实现的目标如下：向Kristian致以最好的问候

浏览 0提问于2011-01-10得票数 2

3回答

将鼠标悬停在阵列图像大小上应更改

javascript、html、performance

在所存储图像数组中。当移动到图像上时，图像大小应该改变。即大图像到小图像。我添加了下面的代码，请建议我合适的答案。

浏览 0提问于2014-02-28得票数 0

1回答

jQuery悬停在向下/向上滚动页面时保持活动状态

jquery、thumbnails

我有一个带有插件的wordpress站点，用于图像的滑块/拇指。当我将鼠标悬停在图像上时，缩略图会出现，然后当我离开图像时，它们就会消失。我的问题是，当我向下滚动页面时，缩略图重新出现，并且不会消失。它以某种方式将鼠标悬停绑定到页面滚动上。$(document).scroll(function(){现在，如果用户将鼠标悬停在图像

浏览 3提问于2012-01-20得票数 0

3回答

JavaScript onmousemove show div并跟随鼠标

javascript、onmousemove

当用户将鼠标悬停在一条记录(tr)上时，我希望显示一个悬停在其他记录上的div，并显示有关该记录的更多详细信息。我想让div随着鼠标移动--例如，如果他们将鼠标向右移动20个像素，这样他们就可以看到记录上的不同字段( tr)，那么现在未隐藏的div应该向右移动20个像素来跟随光标。

浏览 1提问于2010-12-05得票数 1

2回答

停止触发下一个鼠标悬停事件，直到内部函数完成

javascript、jquery

我正在用jquery实现一个简单的图像交换功能。$('#thumbs img').mouseover(function(){ }); 如果我真的很快地移动鼠标，鼠标悬停就会继续，而交换图像的代码就跟不上了在内部代码执行之前，如何停止$('#thumbs img')上的鼠标悬停事件？

浏览 0提问于2011-07-13得票数 0

1回答

适用于ipad的onmouseover

ios、onmouseover

/boosterads.co.uk/newsite/wp-content/uploads/2012/12/homelight.png'" /></a> 我正在使用这段代码在onmouseover上更改图像

浏览 2提问于2012-12-07得票数 1

2回答

将光标悬停在元素上时使图像跟随光标

javascript、jquery、html

我想知道是否可以使用JavaScript创建一个<a>元素，该元素在悬停时显示跟随鼠标位置的图像。我找到了很多悬停部分的解决方案，但我还没有找到任何可以跟随鼠标的解决方案。换句话说，在悬停时，图像并不跟随鼠标，而是在悬停时出现和消失，我如何修改我的代码以使其跟随鼠标？

浏览 26提问于2018-08-24得票数 1

回答已采纳

1回答

如何在控件的不同区域显示不同的工具提示

c#、winforms

我正在尝试显示不同的工具提示文本，这取决于用户将鼠标放在控件的哪个部分上。作为一个简化的示例，如果用户将鼠标悬停在左半部分上，将显示" left“，如果用户将鼠标悬停在右半部分，将显示" right”： public partial class TestForm : Form} else { }} 问题是，这会导致工具提示立即显示，并跟随光标移动</em

浏览 12提问于2020-04-30得票数 2

2回答

C#创建鼠标后面的图像

c#、image、winforms、mouse

我试图在winForm中用C#创建一个程序，其中一个图像将跟随应用程序外部的鼠标。鼠标需要能够独立于此图像单击和工作。我该怎么做呢？

浏览 5提问于2014-11-27得票数 0

回答已采纳

点击加载更多