我可以创建一个评级滑块，其中手柄或旋钮在拖动时会动画/变形吗？

Question

在着手开发之前，先看看技术上是否可行。理想情况是评级滑块，与此不同：http://flowplayer.org/tools/rangeinput/，但是当我将滑块拖动到旋钮动画的形式时。

我上传了一张图片来展示我的意思：

http://imageshack.us/photo/my-images/818/examplesliders.jpg

我想创建一个具有四个指标的评级系统，两个指标可以变换，两个可以扩展（您在这里看到的鸟/蛋和气球只是示例占位符）。理想情况下，它将尽可能与平台保持中立。

滑块会在我们可以处理的范围内记录一个值。

这可能吗？如果是这样的想法多么赞赏。谢谢你们。

Answer 1

是的，当然可以。例如，使用插件（jqueryRangeinput）你可以监视这个事件：

$(":range").change(function(event, value) {
    //Here you can check how value is change and fadeIn(with FadeIn function) or  
    //fadeOut(with FadeOut function) the right image you wants to show.
    //You can replace slider image editing css background .handle class!
});

希望这可能有用！