悬停动画转换（jQuery）

-2

我是jQuery noob，但我试图找出如何创建标题的动画过渡。悬停动画转换（jQuery）

我发现这个CodePen（http://codepen.io/ansac/pen/BHtkE），但这不是我想要达到的。我的问题是，我怎样才能保持悬停在背景上，但动画显示在中间的文字。我会非常感兴趣的是如何在水平方向上进行动画制作（以便它来自左/右，并停止在给定位置（中央））或垂直（从上/下）到中心。

谢谢！

来源

2013-06-26 user2451472

这个问题似乎是脱离主题，因为它是要求别人为你写代码。请自己尝试一下，然后回来一个更具体的问题。 –

这可能是事实，但由于我在Javascript中的知识为空（并且没有起点），我正在寻找某人可能已经实现的解决方案。 – user2451472

我曾尝试乱了一下与你附加的链接。动画最有可能会工作，但你必须弄乱你的CSS和位置设置，以找到正确的位置和调整（假设你编码类似于这个页面）。看看下面的内容，并确认这是你在找什么。

注意：在CSS中，我将hovertext的文本对齐更改为LEFT而不是CENTER，并为jQuery添加了动画选项。

http://codepen.io/anon/pen/jxlHm

我在同一条船上是那种为你，学习的jQuery/JavaScript的，因为我去，只是寻找一些好的书籍/网站一起帮助你。 jQuery的网站相当体面，因为我开始在那里寻找一个良好的开端。

来源

2013-06-26 15:40:53

嘿，那就是我一直在寻找的！我开始深入研究.animate（）函数，但目前尚未成功。非常感谢您的解决方案，但是我仍然面临一个小问题 - 实际上文本需要半秒才能达到要求。这不是为fadeIn设置的速度，很可能是文本到达图像本身开始处的“0像素”边界所需的时间。我已经研究了一下，并将剩余边距减少到最优（-80px），并将速度设置为150ms - 我仍然可以注意到这个“暂停”。无论如何感谢！ – user2451472

没问题！我现在不能进一步研究它，但很高兴你走在正确的道路上。 –

-2

可你只要看看Jquery的动画的方法，例如，http://www.w3schools.com/jquery/jquery_animate.asp

来源

2013-06-26 15:02:02

并非真正错误，但并非真正的答案。我真的会建议链接到jquery自己的文档，而不是w3schools。 –

你的意思是jQuery.com文档？ –

http://api.jquery.com/animate/ –

悬停动画转换（jQuery）

回答

相关问题