jQuery水平列表滑块 - LavaLamp

Question

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

但是我无法像Hitmo滑块一样顺利运行： http://jsfiddle.net/XNBMr/1/

我需要的东西：

• 更流畅的动画
• 在标签上将“当前”更改为白色（无文字阴影）addClass时的文字颜色？
• “选择预算”不应该是可选择的
• 单击选项时允许“蓝框”移动（在悬停时不会移动）
• 当悬停在蓝色框之后然后回到它上面时，下面的悬停样式会闪烁

我非常感谢对此的任何帮助。我觉得它非常接近，但我知道必须有一个更简化的方法，我希望这一点尽可能简单。谢谢！

Answer 1

让我们看看：

• 动画：你可能想要“快速启动”，它会快速启动，然后放慢速度。
• 白色文字＆amp;悬停：添加一个类非常简单（但是我担心这个css，它并不是真正为性能而创建的;请参阅vanseodesign或mozilla）。我也删除了一点腰部，但它确实应该掉落并重做（这很粗糙）。
• 点击＆amp;预算：嗯，基本的jquery事件（我认为你找到了代码并尝试修改它）;并且防止预算被重新选择只是一个简单的条件......

-- DEMO --