jquery - jQuery 替代 Flash 显示元素

Question

我现在正在建立一个网站，在设计中它以这个例子的形式显示了一个滚轮。

使用可滚动或其他类似插件创建它没有问题，但是，它们不允许您单击并拖动图像并以 Flash 示例的方式“轻弹”它们。

您是否知道任何允许您执行此操作的插件，或者甚至知道如何修改诸如 Scrollable 之类的东西来执行此操作？

我对 JQuery 很陌生，所以如果这是一个简单的问题，我很抱歉

Answer 1

在这里你可以找到很多 jquery 的插件。 http://www.jqueryplugins.com/

Answer 2

http://jsfiddle.net/UmZeZ/2/有一个正在运行的示例。

为了可读性，中间重构了精简版本：

<div id="lolcats" style="background:url(image.jpg) 0 0 repeat-y;"></div>

<script>
$(function(){
    var startLoc = 0;
    var currentLoc = 0;
    $('#lolcats').mousedown(function(e){
        startLoc = e.pageY;
        $(this).bind('mousemove', function(e){
            startLoc = startLoc - event.pageY;
            location = $(this).css("background-position-y");
            currentLoc = parseInt(location.replace("px", "")) - startLoc;
            $(this).css("background-position-y", currentLoc + "px");
            startLoc = currentLoc;
        });
    });
    $('body').mouseup(function(e){
        $('#lolcats').unbind('mousemove');
    });
});
</script>

享受 ：）