在鼠标悬停时在div上创建移动文本

Question

我正在创建一个Metro UI主题网站，我想知道如何在鼠标悬停在磁贴上实现移动文本。我希望在this webpage上实现像悬停效果。

<div style="background:#F0514A; width:400px; height:200px;">TEXT !</div>

Answer 1

如果你想使用jQuery构建它，我建议从.mouseenter()和.mouseleave()事件处理程序调用jQuery动画。您可以使用jQuery UI附带的Slide Effect来获取内容。根据您正在进行的操作，看起来您要么在CSS中使用否定z-index来隐藏内容并允许其显示为内容正在滑动。