带鼠标位置的Vue移动背景

文章/答案/技术大牛

发布

1回答

vue.js、vuejs2

我是vuejs的新手！我想在鼠标位置移动时移动背景图像，如何在vuejs中做到这一点。

浏览 59提问于2021-11-11得票数 1

1回答

根据鼠标的移动将背景位置x px移动到左/右(从背景位置开始:中心)

javascript、jquery、mouseevent、background-image

我试图创建一个jQuery脚本，根据鼠标的移动将背景位置x px更改为左或右(从背景位置:中心开始)。到目前为止，我的情况如下： backgroundPosition: e.pageX + 'px ' + e.pageY + 'px' })

浏览 2提问于2014-11-25得票数 0

回答已采纳

1回答

鼠标位置后的平滑运动效果

javascript、jquery、css、math

我想创造一个非常简单的效果移动背景图像时，鼠标移动。为此，Im记录鼠标位置并使用它修改css属性： var amountMovedX = (e.pageX，一开始我想，让我们增加方程中的分隔因子，这样就可以降低鼠标的位置：这种方法的主要问题是，背景移动<

浏览 3提问于2014-11-15得票数 0

1回答

基于背景图像颜色的改变光标

javascript、html、css、vuejs2

我使用的是Vue 2，在html上，我有一个白色背景的图像，中间有一个彩色的对象。是否可以根据鼠标光标所在位置的背景色来检测和更改鼠标光标？例如，当在白色部分时，相对于实际的对象图像(任何非白色的)。注意: J

浏览 4提问于2021-12-23得票数 0

0回答

每次移动鼠标都需要改变背景位置

jquery、css、wordpress

我需要在每次鼠标移动时改变背景位置。图像被设置为背景，这是图像，我想在每次鼠标移动时移动背景位置。这个图像有4个部分(每个部分的高度是523px)，首先它将显示顶部部分，鼠标移动到它上面后，它将显示第二部分，在另一个鼠标移动时，它将显示第三部分，在第四部分之后，它将重复鼠标移动到它上面。<

浏览 6提问于2017-11-26得票数 1

1回答

Vue Bootstrap滑块。如何检测@mouseup

javascript、vue.js

我使用了vue-bootstrap滑块，它有两个操作(@change，@update)是否有可能使用任何操作，这些操作将在我滚动并向上移动鼠标时被激活？我的代码是： <vue-slider style="

浏览 28提问于2021-05-19得票数 0

1回答

使用Css e jQuery移动背景图像

javascript、jquery、html、css

我想要在鼠标移动到背景图像(比页面大)时定位它，我做到了，但我希望当移动鼠标位置相对于图像位置不变时但是百分比是不正确的newvalueX = e.pageX / $(window).width() *100; var newvalueY = e.pageY / $(window)

浏览 10提问于2018-01-27得票数 0

2回答

使用鼠标悬停移动css背景图像

javascript、jquery、html、css

我想在我的网页中有一个元素，它有一个背景图像，当鼠标悬停在它上面时，背景图像将移动到与鼠标移动相对应的位置，如本网站： <section id="home" data-speed="3" data-type="background"></section> 我可以使用‘data- speed =“3”来控制背景

浏览 1提问于2013-12-22得票数 0

回答已采纳

1回答

制作我自己的Jquery视差效果

javascript、jquery、animation、parallax

我正在制作一个jquery视差效果，当用户第一次将鼠标悬停在文档上时，前景层将向鼠标光标移动，这样鼠标光标将位于前景层的中心。之后，当用户移动鼠标光标时，前景层应移动鼠标光标的相反方向；背景层也将沿相反方向移动，但速度较慢，以产生视差效果。问题是，在使用mouseover事件向鼠标光标移动前景层并触发mousemove事件后，前景层和背景层将“跳

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

回答已采纳

1回答

Javascript单击并拖动背景未按预期工作

javascript

我试图在Javascript中点击并拖动背景，所以我做了。但它有一个问题。if(difX < 0){} 这使得

浏览 20提问于2017-07-06得票数 0

3回答

有人能解释一下这个网站是怎么做到这件很酷的事情的吗？

javascript、ajax、html

移动你的鼠标，背景就会移动。谢谢

浏览 5提问于2011-10-20得票数 1

回答已采纳

1回答

如何在不使用background-position属性的情况下根据光标/手指位置移动CSS背景？

css、css-animations

我正在开发一个小应用程序，用户可以用鼠标或手指在屏幕上移动背景。你可以在这里找到一个演示：// mobileposition = e.pageX + '

浏览 0提问于2016-06-10得票数 0

2回答

使用javascript更改拖动时的背景位置

javascript、jquery、css、background

如何拖动背景图像并更改其位置？比如你在facebook上改变了封面照片的位置。我到处找了，但找不到合适的。

浏览 1提问于2013-02-13得票数 0

1回答

在Jquery中用鼠标移动背景图片

javascript、jquery、background

我找到了这个，并在我的网站上做了一些调整： var vW=jQuery('.categoryWrapperMath.round(xpos/vH*100); 然而，它并不完全是我想要的，转到，将鼠标移动到"Photo

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

回答已采纳

1回答

我们如何在Javascript中获得特定点的渐变图像的背景颜色？

javascript、jquery

我有一个渐变图像，我想在我移动鼠标的所有位置获得背景颜色，即在特定位置。所以请指导我解决这个问题

浏览 0提问于2013-05-27得票数 1

回答已采纳

1回答

如何将整个背景反向移动到鼠标指针p5.js的光标

javascript、p5.js

我想让我的背景移动到鼠标光标所在的位置，就像这样。由于鼠标光标位于左上角，背景图片应向下右转。由于鼠标光标位于右上角，背景图片应向下左转。背景照片应该是无限的，可以用x和y大小填充整个画布。我怎样才能用p5.js做到这一点呢？

浏览 6提问于2017-03-08得票数 0

回答已采纳

1回答

JQuery动画在Chrome中延迟触发

javascript、jquery、css、google-chrome、jquery-animate

我有一个图像精灵，在鼠标输入时，它改变背景位置并移动文本。在鼠标离开时，背景位置和文本都会向左移动以显示原始图像。文本是一个独立的元素，一旦位置改变，它就会从右边坐在图像上。鼠标输入部分工作得很好，图像和文本同时向左滚动，但在mouseleave中，然而在chrome (看起来只有chrome)中，文本将首先移动，然后图像将随后移动，图像动画的启

浏览 0提问于2013-11-13得票数 1

2回答

与mousemove相关的动画背景图像

javascript、jquery、html、css、mousemove

所以，我在页面上有一个有背景图像的对象，在mousemove上，它移动相对于鼠标的背景位置。但我唯一的问题是，当鼠标进入物体时，将背景图像动画到当前的位置。 //MOUSE MOVE, INVERT BACKGROUND PO

浏览 3提问于2014-01-16得票数 1

2回答

AngularJS --如何在mousemove上存储鼠标坐标？

javascript、jquery、html、angularjs、angularjs-scope

试着把没有角度的东西翻译成有角度的工作，而我对角度的理解似乎不如我想象的那么清楚：我有一些静态div和一个可移动的div，在鼠标后面。如果用户在可移动div重叠静态div时单击，则会触发事件(当前为引导模式)。目前，它还计算鼠标与静态div的距离，并根据距离改变背景颜色(即更接近红色div，背景更亮红色，更接近蓝色div，背景亮蓝色，两者之间，颜色从红色到紫色到

浏览 3提问于2016-05-10得票数 3

回答已采纳

1回答

使前端<div>对鼠标事件作出反应，但也将它们传播到较低的元素

javascript、html、css

我有一个移动的背景，由一些分层的图像组成，必须对鼠标位置的变化作出反应。这个大<div>放在我页面的最低层，使用position:absolute、top: 0px和低z-index。您可能已经理解了第一个问题:从本质上讲，当光标移动到上面的一个元素时，这个<div>没有得到任何鼠标事件。如果我移动鼠标在它上，背景将移动作为赞成，

浏览 5提问于2014-01-03得票数 0

点击加载更多