jQuery水平列表滑块-LavaLamp

我一直在尝试从Hitmo网站重新创建“预算”滑块：

但我无法让它像Hitmo滑块那样平稳运行：

我需要的东西：

• 平滑动画
• 当标记上的“当前”为白色（无文本阴影）addClass时，是否更改文本的颜色
• “选择预算”不应是可选的
• 单击选项后允许“蓝框”移动（悬停时不移动）
• 当将鼠标悬停在蓝色框之外，然后再将鼠标悬停在蓝色框上方时，下面的悬停样式将闪烁

我将非常感谢在这方面的任何帮助。我觉得这非常接近，但我知道必须有一个更精简的方法，我希望这是尽可能简单。谢谢

让我们看看：

• 动画：您可能需要“easeout”，它启动快，速度慢
• White Text&Hover：添加一个类非常简单（但我担心css，它不是为了性能而创建的；请参见或）。我也去掉了一点腰部，但它真的应该掉下来重做（它很粗糙）
• 单击和预算：嗯，基本jquery事件（我认为您找到了代码并试图修改它）；防止预算被重新选择只是一个简单的条件

---

。。你查看源代码并获取所有代码吗？不，下载时我获取了所有代码。我更改了它，使滑块在单击之前不会移动$li.not（“.back”）。单击（function（）{如果你使用$li.click（function（e）{move（curr）；并移除悬停。它适用于双击谢谢，但我希望它可以使用单键单击。如果你使用它呢？。只需更改$（'#lava li'）。悬停（function（）{到$（'#lava li'）。单击（function（）{谢谢SciSpear！这正是我所希望的。我将重做CSS，因为它目前只是一个混搭。