用jquery写的菜单从左往右滑动出现

2020-05-23 06:16:52易采站长站整理

“width”:”272px”,
“top”:”-6px”,
“right”:”-272px”
}).show().animate({“right”:”0″},function(){
window.QuickPanel.isOpened = true;
});
},
‘closed’: function(){ //定义关闭面板方法
$panel.css({“right”:”0″}).show().animate({
“right”:”-272px”
},function(){
$masklayer.fadeOut(); //这边才淡出的遮罩,我点击快的时候就会出问题。。。
window.QuickPanel.isOpened = false;
$panel.hide(); //等动画结束了吧菜单隐藏,不至于有滚动条
});
}
};

这部分是最重要的,我封装了个quickpanel的函数,里面有open和closed俩方法,,供我们其他dom元素点击调用会比较方便,最终实现就是图上的下效果,
ps:这边有个问题,在滑动过程会出现滚动条,这样其实是非常不美观的,请问大牛们有办法解决吗??我把附件放资源那边了,麻烦下载运行看看,如果有什么地方不对劲请留言提出来哦~~非常感谢