Jquery动画滑动菜单
我正在构建一个web应用程序,它有一个像Facebook应用程序一样的滑出菜单。我的菜单运行良好,但我想添加一个反弹效果时,它滑出 以下是我所拥有的:Jquery动画滑动菜单,jquery,jquery-mobile,jquery-animate,Jquery,Jquery Mobile,Jquery Animate,我正在构建一个web应用程序,它有一个像Facebook应用程序一样的滑出菜单。我的菜单运行良好,但我想添加一个反弹效果时,它滑出 以下是我所拥有的: $("a.showMenu").click(function() { if (menuStatus != true) { $(".ui-page-active").animate({ left: 250, }, 400, function() { menuSt
$("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技能非常有限。有谁能帮我做到这一点吗
提前谢谢。请看乔治·麦金利·史密斯的文章
尝试以下示例(未测试):
这个例子完全停止了它的工作。我会看一看这个插件。你需要包括jQuery用户界面或回答中提到的插件才能让它工作,这里有一个…这两个都很好,但由于某些原因,我无法让它们与我拥有的一起工作。这就是我用500玩的东西——“内部服务器错误”没问题!我认为您只需要将源代码插入您的站点。以下是在项目中实现的脚本:
$("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;
}
});