jQuery：鼠标悬停时菜单项略微向右滑动

我想这是一个很容易制作的，但是我还不太习惯jQuery，我刚刚开始学习

通过CSS，我们可以编写一个项目：hover类和write left:20px；对菜单项应用轻微的滑动效果，例如

项

现在我想在平滑的动作中实现这一点，即不是突然出现在20像素的右边，而是滑动到那里。我认为jQuery中的动画是用来制作这样的动画的，但是我在jQuery方面真的很差，我不知道我应该把代码放在哪里，放在什么顺序上。你能给我举个简单的例子吗？：）

使用

---

这将为文档中的所有

设置动画。。具体来说，您可以将类指定给

2000

是此处动画的持续时间

您可以使用jQuery，正如bipen在回答中指出的那样

我有一些简单的CSS来处理悬停转换，但正如mikakun所说的，这只适用于浏览器CSS3检查兼容的浏览器

li {
    /* put your base styles here */
}

li:hover {
    /* put your new styles here */
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
}

这将为您为特定元素指定的任何元素设置300ms转换

如果您有与CSS3兼容的浏览器，则可以看到这一点：

---

您也可以通过css动画来实现这一点；不会在旧浏览器上工作，但旧浏览器用户可能甚至不会注意到这一点，所以谁会在意你需要使用jQuery.Color（）插件来设置颜色动画。。

li {
    /* put your base styles here */
}

li:hover {
    /* put your new styles here */
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
}