jQuery 水平列表 slider - LavaLamp

Question

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

但我无法让它像 Hitmo slider 一样流畅地运行: http://jsfiddle.net/XNBMr/1/

我需要的东西:

• 更流畅的动画
• 将标签上“当前”时的文本颜色更改为白色(无文本阴影)addClass？
• 不应选择“选择预算”
• 允许“蓝框”在点击选项时移动(悬停时不会移动)
• 当鼠标悬停离开蓝色框然后返回时，下方的悬停样式会闪烁

如能提供帮助，我将不胜感激。我觉得它非常接近，但我知道必须有一个更精简的方法，我希望它尽可能简单。谢谢!

Answer 1

让我们看看:

• 动画:您可能想要开始快，然后慢下来的“easeout”。
• 白色文本和悬停:添加一个类非常简单(但我担心那个 css，它并不是真正为性能而创建的；请参阅 vanseodesign 或 mozilla)。我还去掉了一点腰部，但确实应该去掉并重做(非常粗糙)。
• 点击和预算:嗯，基本的 jquery 事件(我认为你找到了代码并试图修改它)；并防止重新选择预算只是一个简单的条件......

-- DEMO --