我是一个 jQuery 菜鸟,但我正在尝试弄清楚如何创建标题的动画过渡。
我找到了这个 CodePen ( http://codepen.io/ansac/pen/BHtkE ) 但这并不是我想要实现的。我的问题是如何让背景保持原样悬停,同时为中间出现的文本设置动画。我会对如何水平设置动画(使其来自左/右并停在给定位置(中心))或垂直(从顶部/底部)到中心的动画非常感兴趣。
谢谢!
我是一个 jQuery 菜鸟,但我正在尝试弄清楚如何创建标题的动画过渡。
我找到了这个 CodePen ( http://codepen.io/ansac/pen/BHtkE ) 但这并不是我想要实现的。我的问题是如何让背景保持原样悬停,同时为中间出现的文本设置动画。我会对如何水平设置动画(使其来自左/右并停在给定位置(中心))或垂直(从顶部/底部)到中心的动画非常感兴趣。
谢谢!
我确实试图弄乱你附加的链接。Animate 很可能会起作用,但是您必须弄乱您的 CSS 和位置设置才能找到正确的位置和调整(假设您的编码类似于此页面)。在下面查看并确认这是否是您要查找的内容。
注意:在 CSS 中,我将 hovertext 的 text-align 更改为 LEFT 而不是 CENTER,并为 jQuery 添加了动画选项。
http://codepen.io/anon/pen/jxlHm
我和你在同一条船上,边学习 jQuery/javascript,但只是搜索一些好书/网站来帮助你。jQuery 的网站是一个不错的开始,因为我开始寻找那里。
你能看看Jquery Animate方法吗,例如http://www.w3schools.com/jquery/jquery_animate.asp