Hover上的动画转换（jQuery）

Question

我是一个jQuery noob，但我正在试图弄清楚如何创建标题的动画过渡。

我找到了这个CodePen（http://codepen.io/ansac/pen/BHtkE），但这并不是我想要实现的。我的问题是如何将背景留在悬停状态，同时为中间出现的文本设置动画。我会非常感兴趣的是如何水平设置它（使它从左/右移动并停在给定位置（中心））或垂直（从顶部/底部）到中心。

谢谢！

Answer 1

我确实尝试使用你附加的链接搞砸了一下。 Animate很可能会起作用，但你必须弄乱你的CSS和位置设置来找到正确的位置和调整（假设你的编码类似于这个页面）。请在下方查看，确认这是否是您要找的。

注意：在CSS中，我将hovertext的text-align更改为LEFT而不是CENTER，并添加了jQuery的animate选项。

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

我和你一样，和我一起学习jQuery / javascript，但只是搜索一些好的书籍/网站来帮助你。当我开始寻找时，jQuery的网站相当不错，以获得良好的开端。

Answer 2

您可以查看Jquery Animate方法，例如http://www.w3schools.com/jquery/jquery_animate.asp