使用鼠标位置ReactJS移动背景

文章/答案/技术大牛

发布

1回答

javascript、html、css、reactjs

我正在做一个使用react和redux的电子商务。我想知道我如何才能使产品的照片时，点击接收缩放，并可以由鼠标控制。像一样我找到了这个，并试图创建第三个示例，但我无法将其放入我的代码中。

浏览 12提问于2020-02-17得票数 0

回答已采纳

1回答

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

javascript、jquery、mouseevent、background-image

我试图创建一个jQuery脚本，根据鼠标的移动将背景位置x px更改为左或右(从背景位置:中心开始)。$(this).css({ }); 问题是它不是从背景位置开始的:中心，当我移动鼠标时，背景图像从鼠标

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

回答已采纳

1回答

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

javascript、jquery、css、math

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

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

1回答

拖动元素，但不选择其他元素

javascript、html

当我拖动点，鼠标光标的移动速度比新的点渲染快时，地图图像被选中。我使用ReactJS，但这在本例中并不重要。

浏览 15提问于2017-06-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

回答已采纳

0回答

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

jquery、css、wordpress

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

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

1回答

使用Css e jQuery移动背景图像

javascript、jquery、html、css

我想要在鼠标移动到背景图像(比页面大)时定位它，我做到了，但我希望当移动鼠标位置相对于图像位置不变时但是百分比是不正确的

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

1回答

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

css、css-animations

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

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

3回答

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

javascript、ajax、html

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

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

回答已采纳

2回答

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

javascript、jquery、css、background

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

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

1回答

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

javascript

我试图在Javascript中点击并拖动背景，所以我做了。但它有一个问题。if(difX < 0){} 这使得，如果差异小于0(即到达边缘)，<e

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

1回答

游戏:以角色为中心的运动系统(暗黑破坏神II喜欢点击移动)

python-2.7、pygame

我从几天前开始，开发了一个移动系统，玩家点击一个位置，角色精灵进入那个位置，当它到达那个位置时停止，检查精灵是否与鼠标位置发生碰撞。我开始寻找一个运动系统，在那里背景将移动相对于球员，从而提供了运动的错觉。我通过创建一个变量来实现这一点，跟踪我的背景地图位置。地图比应用程序窗口大得多。我现在的下一个问题是我不能让我的角色停止移动.因为字符sprite实际上从未达到鼠标单击的最后<

浏览 2提问于2016-04-26得票数 0

回答已采纳

1回答

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

javascript、html、css

我有一个移动的背景，由一些分层的图像组成，必须对鼠标位置的变化作出反应。这个大<div>放在我页面的最低层，使用position:absolute、top: 0px和低z-index。第二个选项，疯

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

1回答

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

javascript、jquery、background

转到，将鼠标移动到"Photoshop教程“、”图形灵感“和”图形下载“按钮上。基本上，我有一个具有径向渐变的PNG文件。我想让背景跟踪鼠标，但移动速度要比鼠标快一点。实际的背景img是277x277。如果我通过.categoryWrapper的顶部移动鼠标，bg IMG的中心应该在鼠标进入的位置上方200px左右。当你移动鼠标到底部时，背景<

浏览 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上，它移动相对于鼠标的背景位置。但我唯一的问题是，当鼠标进入物体时，将背景图像动画到当前的位置。我能够动画背景位置回到它原来的位置。

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

1回答

Chrome & Safari setInterval工作慢(1Hz和2Hz)在活动标签上

jquery、google-chrome、animation、safari、setinterval

我的动画更新背景位置属性。当前的背景位置是由一个函数计算的，该函数应该每秒发射100次，以产生平稳运动的错觉。我正在使用setInterval( function() { &#x

浏览 1提问于2011-11-28得票数 0

点击加载更多