【问题标题】:JQuery alternative to Flash Display ElementjQuery 替代 Flash 显示元素
【发布时间】:2010-09-10 08:50:52
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: jquery flash animation jquery-scrollable


    【解决方案1】:

    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>
    

    享受:)

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • 这并没有真正的帮助。我真的需要类似于我提供的链接的东西。我不确定这数千个插件中的哪一个可以帮助我
      猜你喜欢
      • 2021-02-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多