jQuery水平列表滑块- LavaLamp

Question

我一直在尝试重新创建Hitmo网站的“预算”滑块：http://hitmo-studio.com/contact.html#budget-panel-container

但我无法让它像Hitmo滑块一样平稳运行：http://jsfiddle.net/XNBMr/1/

我需要的东西：

• 流畅动画
• 当标签上的“当前”更改为白色(无文本阴影) addClass时，将文本的颜色更改为？
• “选择预算”不应被选择
• 单击选项时允许“蓝框”移动(在仍在悬停时不会移动)
• 当悬停离开蓝色的盒子，然后回到它上面时，下面的悬停方式会闪过。

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

Answer 1

让我们看看：

• 动画:你可能想要“轻松”，它的启动速度快，速度慢。
• White & Hover:添加类非常简单(但我担心这个类并不是真正为性能而创建的，请参见风车设计或莫兹拉)。我也去掉了一点腰部，但它真的应该掉下来重新做(这是相当粗糙)。
• 点击和预算:嗯，基本的jquery事件(我想你找到了代码并试图修改它)；阻止预算被重新选择只是一个简单的条件.

-演示--