Question

我正在构建一个带有jQuery Mobile的网络应用程序，它有一个像Facebook应用程序一样的幻灯片菜单。我的菜单运行良好，但我希望在滑出时添加一个弹跳效果。

这就是我所拥有的：

$("a.showMenu").click(function() {
    if (menuStatus != true) {
        $(".ui-page-active").animate({
            left: 250,
        }, 400, function() {
            menuStatus = true
        });
        return false;
    } else {
        $(".ui-page-active").animate({
            left: 0,
        }, 300, function() {
            menuStatus = false
        });
        return false;
    }
});

我的jQuery技能非常有限。是否有人能够帮助我实现这一目标。

提前致谢。

Answer 1

看看George McGinley Smith的easing plugin。

试试这个例子（未经测试）：

$("a.showMenu").click(function(){
    if(menuStatus != true){             
    $(".ui-page-active").animate({
        left: 250,
      }, 400, 'easeOutBounce', function(){menuStatus = true});
      return false;
      } else {
        $(".ui-page-active").animate({
        left: 0,
      }, 300, function(){menuStatus = false});
        return false;
      }
});

Jquery动画滑动菜单

1 个答案: