Javascript动画。在点之间悬停时移动div

文章/答案/技术大牛

发布

1回答

javascript、css

我需要在悬停时移动闪光灯周围的红色圆圈，但当光标离开时，它必须移动回起点。我如何在循环中做停顿？也许是另一种方式来做这个动画？ top: 32.3%; cursor: pointer;} width: 100%; } <divhttps://i.pinimg.com/originals/26/41&#x

浏览 8提问于2020-12-26得票数 0

1回答

悬停时的动画仅在第一次时起作用

css、animation

我有一个简单的DIV与文本在悬停动画。唯一的问题是它只做了一次，如果用户再次悬停在它上面，它不会做任何事情，直到页面重新加载。有没有什么我可以做的，让它在每次悬停时都有动画效果，而不需要用户刷新？

浏览 3提问于2013-01-12得票数 1

2回答

使用html、css和javascript的动态菜单

javascript、html、css、dynamic

我是一个初学者，编写一个界面来创建一个动态菜单(级联)使用html，javascript和css3基于服务器给出的菜单项。遇到这种情况的最佳方法是什么？等待您在此输入的值。谢谢你们所有人。

浏览 0提问于2011-06-14得票数 0

回答已采纳

2回答

鼠标悬停时自动显示div

javascript、jquery

我使用JQuery在用户将鼠标悬停在某个div上时显示一个菜单。菜单将显示在div的左上角。我让它工作了，但是当我尝试点击出现的div的菜单项时，div再次消失，因为从技术上讲，鼠标不是在div上，而是在菜单上。在下面的示例中，"#blockMenu“是动态出现的菜单。我将当前的div ($this)淡出一点，以强调菜单。时菜单消失，而当光标在

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

1回答

CSS关键帧动画在鼠标运动中的动画重置

html、css、animation、css-animations

关于悬停的简单关键帧动画，请参阅下面的代码。 transform: translate3d(-100%, 0, 0);} animation: fadeOutLeft 2s;<divclass="behind"></div> 这看起来是在</e

浏览 3提问于2017-06-03得票数 1

回答已采纳

1回答

Jquery mouseout在光标仍停留在元素上时触发

javascript、jquery

我的难题是jQuery中的鼠标输出效果--我正在尝试构建一个函数，它可以在容器内无限期地上下移动元素。悬停时，移动应停止并保持停止，直到光标完全离开元素。但是，发生的事情是mouseover事件会触发，但是，mouseleave事件是在鼠标悬停在元素上时立即触发的，因此动画中断。下面是简单的HTML： <div cl

浏览 0提问于2013-11-16得票数 2

2回答

当元素在其上动画时更改背景img的不透明度

javascript、jquery、html、css、canvas

www.atlantisbahamas.com/media/Things%20To%20Do/Water%20Park/Beaches/Gallery/waterpark_covebeach.jpg"></body> 有没有办法让不透明度为0的背景图像在另一个元素

浏览 1提问于2017-01-25得票数 1

1回答

在尝试使用Jquery动画时，Div更改到错误的位置。

javascript、jquery、html

我对Javascript和jQuery有点陌生，我很难正确地动画一些东西。我试图使一个<div>只向左移动几个像素当悬停在某个物体上时，当你悬停在这个物体上时，Div会立即移动到屏幕的左边。hover(function() { $(".suddenlyNinjas").animate({"left": "-5px"}, "

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

回答已采纳

2回答

如何停止jQuery队列动画效果

jquery、jquery-animate

我有一个简单的jQuery悬停动画：$('.category').hover(function(){ },function(){});所有这些都是当有人将鼠标悬停在.category元素上时，横幅div淡入淡出。我的问题是，当

浏览 3提问于2011-04-15得票数 1

回答已采纳

2回答

jQuery .animate褪色坚果

jquery、hover、jquery-animate、fadein、fadeout

它的语法与其他语言有很大的不同，所以我对它有一点困难。我设法让它完成了我需要它的小部分，这就是在悬停时改变页面的背景色。然而，我悬停在上面的按钮非常接近对方，如果你快速从一个按钮移动到另一个按钮，淡出动画将堆积起来，并继续改变背景颜色，即使你停止移动鼠标在按钮上。 <script type="text&#x

浏览 1提问于2014-05-06得票数 0

回答已采纳

2回答

如何使用JavaScript触发CSS动画？

javascript、jquery、css

只有当鼠标悬停在某个元素上时，我才试图运行CSS动画。基本上，如果鼠标悬停在父元素容器上，我希望子元素光只有在鼠标悬停时才能运行其动画。我想通过JavaScript/jQuery来实现这一点，因为我不确定仅用CSS就能做到这一点。我也是JavaScript的新手！ z-index: 2; animation: light 1s linear infinit

浏览 3提问于2021-05-06得票数 0

1回答

在悬停时设置从下到上移动div的动画

jquery、html、css、animation、responsive-design

我有一张文本覆盖的图片，在一个盒子里。这是一个响应式的设计，所以盒子没有固定的尺寸。我想要将文本覆盖从顶部移动到底部，但要有一个很好的平滑动画来做到这一点。动画必须在悬停时播放。我已经知道怎么做了，但是我没有动画。困难的部分是，正如我前面提到的，div的大小是可变的。这意味着你不能仅仅使用像top: 300px和top: 0这样的东西来在顶部和底部之间切换。我该怎么做呢？有没有可能使用纯CSS？最

浏览 9提问于2014-12-11得票数 0

回答已采纳

2回答

鼠标悬停时显示/隐藏按钮

jquery、hide、mouseover、show

我有div#top-products，其中包含一个幻灯片。在该div之外，我有两个ids：#prevBtn和#nextBtn。这些按钮是幻灯片的控件。它们被设置为display: none，并且使用绝对定位将它们定位在#top-products div中。<div id="top-products"></div> <div id="prevBtn"></div<

浏览 3提问于2011-11-30得票数 1

1回答

如何确保即使用户停止悬停也能完成CSS动画？

javascript、html、css、css-animations

一些动画可能会以这样一种方式移动元素，如果用户不能完美地使用鼠标跟随它，动画将永远不会完成。当用户悬停时，我如何确保动画完成？如果它们在动画完成时没有悬停，我希望它撤消动画并返回到非悬停状态，但如果它没有完成，请先完成它。有没有办法在没有javascript的情况下实现呢？

浏览 16提问于2021-10-27得票数 0

回答已采纳

1回答

动画js在移动过快时会闪动动画

javascript、jquery、animation

我正在使用动画-js动画库在悬停时增长一个div，并在移动鼠标时缩小div。下面是这个库的文档：当你慢慢移动并等待每个动画在移动鼠标之前完成时，动画工作得很完美，但是你要在鼠标上悬停，然后在“成长”动画完成之前快速移动鼠标，它会在“收缩”动画的末尾闪现，反

浏览 2提问于2017-04-16得票数 2

回答已采纳

1回答

动画元素上的悬停状态

html、css

浏览器供应商似乎是以一种非常失败的方式实现:hover的:他们只在鼠标移动时更改元素状态，而不是在elements移动时更改 (CSS动画等)。因此，假设您单击了一个元素，该元素具有使其亮起的“悬停”规则，并通过单击触发将该元素从鼠标指针移开的CSS动画，该元素仍将保持在“悬停状态”中，这当然是完全错误的。: green;<div onclick="this.

浏览 1提问于2015-11-27得票数 7

回答已采纳

2回答

jquery动画问题

jquery

我正在使用.animate()创建一个“简单”的动画菜单来放大用户悬停在其上的菜单项。这几乎是正确的，但如果用户快速移动光标，它会做一些奇怪的事情。此外，这些元素并不总是同时进行动画。background-color:#039; left:9px; top:0px; position:relative; height:84px;</style> <divclass="contai

浏览 0提问于2010-10-02得票数 1

回答已采纳

3回答

如何使用jQuery悬停作为触发器，让div以恒定的速度左右移动？

javascript、jquery、animation、hover

我试图使用jQuery的悬停和动画事件来使div在我悬停在触发器div上时以恒定的速度左右移动。#games--scroll-left div上将不断触发#gameplate-wrapper以恒定的速度移动(我想左？不确定这是否会向右或向左移动)。怎样才是实现我想做的事情的正确方法呢？我的理想功能是当我将

浏览 2提问于2016-02-04得票数 1

1回答

Bootstrap 3导航Javascripts已禁用

javascript、twitter-bootstrap、mobile、drop-down-menu、responsiveness

今天当我测试它的时候，我了解到当javascript被禁用时，导航菜单不起作用。也就是说，下拉菜单不起作用(我知道它们没有javascript就不能工作，但至少应该有一些替代方案)，而且对于关闭了javasript的移动设备来说，菜单是完全不可访问的。那么，有没有办法(如果不能修复下拉菜单的话)让菜单在移动设备上工作？或者我必须停止使用bootstrap？

浏览 0提问于2015-05-11得票数 0

2回答

在视口外保持悬停状态

javascript、css、hover

我有一个绝对定位的<div> (基本上是一个菜单)在一个页面的角落，动画在悬停。但是，当光标移动到视区之外时，悬停操作就会结束。当光标离开页面时，我希望菜单保留悬停状态。| |虽然我的Stackblitz示例使用CSS，但我并不关心解决方案是否使用JavaScript

浏览 6提问于2020-09-22得票数 0

回答已采纳

点击加载更多