使用css的移动箭头动画

文章/答案/技术大牛

发布

1回答

html、css

我想做一个箭头，当我将鼠标悬停在它所在的元素上时，它会向右移动。现在我的两个元素同时移动。(h3和span)。箭头和文本必须在同一行上。只有箭头可以移动。我只需要使用html和css (没有js或ajax)。

浏览 35提问于2021-04-16得票数 0

回答已采纳

1回答

如果转换中断，则完成CSS更改

javascript、jquery、css、jquery-animate、transition

我正在制作一个菜单，箭头键可以向左或向右移动整个UI。Javascript：CSS：position: relative;left: 310px; transition随后，它无法移动175px (每个箭头键按下)，菜单变得不在位置。我尝试使用jQuery动画，但结果更糟(动画</

浏览 0提问于2015-04-09得票数 0

1回答

如何在页面加载后2秒内使图像淡入淡出

javascript、html、css

所以基本上我在我的网站上有这个箭头的SVG图像，我已经用CSS给它设置了一个动画，所以它可以上下移动。问题是，当页面加载时，所有内容都会淡入(因为我已经在其中添加了CSS动画)，我希望有人能帮助我使箭头淡入，而不是仅仅使用JavaScript显示。

浏览 19提问于2021-02-08得票数 0

2回答

根据屏幕上的位置设置指向<li>的箭头动画

javascript、jquery、html、css、twitter-bootstrap

我不太熟悉html、css和javascript。我想要实现的示例位于：我用<ul> <li>做到了这一点，然而，我也希望当用户在页面中上下滚动时，从一个<li>到下一个<li>的箭头移动具有动画效果。我设法找出了<ul> <li>的代码，但不知道如何使运动生动起来……谁能帮我指出具体的动画部分，或者推荐一些javascript或css库？编辑

浏览 2提问于2013-08-08得票数 3

1回答

简单的3D立方体滚动动画不使用三个3D

javascript、animation、three.js

我对THREEJS还不熟悉，目前我正在尝试使用箭头键移动一个立方体。请看这把小提琴：我想要的是它在旋转的时候平稳地向左移动，但是怎么做呢？在代码

浏览 1提问于2021-04-05得票数 1

回答已采纳

4回答

CSS动画在返回时旋转

html、css、animation、css-animations

我试图用这个箭头创建动画，它将上下移动，并在0%和100%上旋转或改变其方向。但是，到目前为止，我得到的是箭头将在100%上旋转秒，然后返回到以前的方向。所以基本上我要做的是，箭头应该在的上指向，向上指向，在返回时指向，或者在上指向。我能用CSS动画来做这个吗？在上，箭头应该有这个方向另外，如果可能的话，我想在100%和0%上用rotate

浏览 7提问于2015-12-04得票数 3

回答已采纳

1回答

如何添加下推Page Down的箭头？

javascript、jquery、html、css

这种方式有点突然，所以动画向下移动会很酷。我更关注的是页面以一种漂亮的方式向下移动，而不是动画箭头。你知道如何在html和css中做到这一点吗？如果这不能用超文本标记语言或css而不是jQuery呢？示例：

浏览 7提问于2015-12-23得票数 0

1回答

在将jQuery动画设置为右侧后，不会触发左侧的div动画

javascript、jquery、jquery-animate

因此，我在jquery中制作了一个简单的动画，通过单击向左/向右箭头使两行图像具有动画效果，从而将它们向左或向右移动。现在的问题很奇怪，当我在加载后单击右箭头时，动画工作正常，包含图像的div动画显示在右侧并返回到其原始位置。但是当我尝试点击左边的箭头时，图像不会向左移动。但是，如果我先按向左箭头，然后按向右箭头，<e

浏览 16提问于2019-06-16得票数 0

回答已采纳

1回答

如何在jquery中找到鼠标轮/触地移动事件发生的方向？

javascript、jquery、css

我在css中用overflow:hidden;禁用了我的项目上的滚动，并打算在触发滚动/触地移动事件时使用动画。我设法用但我不知道鼠标轮和触地移动的方向。这是另一种方式吗，还是我应该抛弃它，带着不同的东西去？我的计划是使用tweenmax动画绑定

浏览 1提问于2016-05-17得票数 1

回答已采纳

3回答

jQuery“世界”动画

php、javascript、jquery、html、css

首先是如何帮助你更好地理解我的问题：用户的角色位置是从数据库中提取出来的，用户被绘制成相应的图形(位置值是CSS值-左和顶)用户可以使用键盘上的箭头键移动，使他们的字符使用jQuery动画移动。当这种情况发生时(在每个箭头按下)，用户的位置值将被插入数据库并进行更新。为了使这个“全局”(因此用户可以看到彼此)如您所说的

浏览 3提问于2011-04-25得票数 0

1回答

jQuery用箭头键移动div

javascript、jquery、css、arrow-keys

我在用箭头键移动一个div。我有下面的代码，对我不起作用。你看到它有什么问题了吗。

浏览 4提问于2011-10-16得票数 5

回答已采纳

1回答

在进行css转换时，使用JQuery UI同时滑动两个div

css、jquery-ui、css-transitions、jquery

单击箭头时，我试图滑动“#左侧”div，并让“#arrowTab”div跟随它(同时滑动)。我尝试了#arrowTab div的相对定位和固定定位，但都没有正确工作。在固定<e

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

回答已采纳

1回答

我想让我的网站上的字符移动时，按箭头键，但不确定需要什么才能实现

javascript、html、css、adobe-illustrator、after-effects

正如标题，我想做一些类似于超级马里奥，但网站(简单)的版本。该用户可以通过按箭头按钮来控制角色的移动。我的想法是，当用户按下箭头按钮时，它会触发网站水平滚动&人物行走动画，这样看起来就像人物在向前/向后移动。然而，我试着在网上搜索教程，但找不到任何允许用户通过键盘按钮控制角色的方法。我想知道是否可以简单地使用css/javascript来完成移动控制？

浏览 10提问于2021-02-22得票数 0

3回答

仅使用CSS设置箭头动画

jquery、css、jquery-animate

如果您查看，会看到一个带有移动箭头的小鼠标图标。显然，他们是这样制作动画的：$(".icon_tween").animate({ marginTop: "15px"}, 1e3, function () { marginTop: 0,

浏览 3提问于2014-07-11得票数 2

回答已采纳

2回答

来回滚动jQuery动画

jquery、jquery-ui、animation、jquery-animate

我正在制作一个futsal (室内足球)教练应用程序，它允许教练在屏幕上添加球员，设置他们的移动方向(通过使用HTML5画布绘制箭头)，然后按“play”来移动屏幕上的所有球员。播放器由一个带有播放器背景图像的div组成。我所做的就是更改播放器div's、left和top css的位置属性。

浏览 5提问于2009-03-20得票数 5

回答已采纳

1回答

单击时旋转文本链接

jquery、html、rotation、jquery-animate

我是javascripting的初学者。我想知道如何编写一个div，当单击文本链接时，它会在容器中上下移动。这是我不理解的文本旋转部分。我想我可以使用jquery动画css顶部调整来触发div的上下移动。但我不知道如何编写.click函数>向下触发div，箭头文本向上旋转^，否则触发div向上，箭头文本向下旋转v(或返回到原始状态，即向下箭头v)。我发现了一个类似的答案，我想实现，如果我知道

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

2回答

动画增长箭头链接

css、svg、svg-animate

嗨，我想知道如何去动画一个svg箭头像上面(在悬停)。我试着玩CSS转换，但他们也缩放箭头，这是不好的。我认为正确的方法是使用SVGs动画，但我不知道从哪里开始。例如，我希望下面的箭头(仅行)增长，箭头头部相应地移动。50" x2="100" y2="50" stroke="#000" stroke-widt

浏览 1提问于2017-03-02得票数 4

回答已采纳

1回答

如何使用css动画将div水平移动然后垂直移动？

jquery、css

我想要移动一个div水平，然后垂直使用css动画，如下图所示。黑色箭头线表示我要移动绿色框的方式。但是，框在水平移动后，它以对角方向移动，以蓝色箭头表示，而不是由垂直向下箭头垂直显示。

浏览 4提问于2014-12-09得票数 1

回答已采纳

1回答

为什么动画在我的滑块中不能正常工作？

javascript、jquery、html、css

我有一个jQuery简单的滑块，它有15张图片，每五个幻灯片显示。我有一个“上一步”和“下一步”按钮。 });});第一个是上一个按钮(左箭头)，当我单击它时，动画显示，元素发生了变化，但它

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

1回答

使用jQuery将元素从任意位置移动到固定位置。

javascript、jquery、animation

经过很长一段时间的搜索和尝试，我似乎还没有找到解决办法。我试图做的是动画一个箭头去到一个特定的位置以上的按钮被点击。有3个按钮(我们称它们为A、B和C)，如果单击A，箭头就会到那里，当单击C时，箭头将从A到C，或者当单击B时，箭头将从A到B。一个简单的“左”动画功能将无法工作，因为位置和距离每次变化。我尝试过使用.step函数，我猜它可以使用该方法，但我似乎无法

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

点击加载更多