Question

我正在建立一个网站，在设计中它以this example的形式显示一个滚轮。

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

你知道任何允许你这样做的插件，或者甚至知道如何修改像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>

享受：）

JQuery替代Flash Display Element

2 个答案: