我有一个页面，该页面包含两层：'layer1'是一个菜单，并且具有z-index：1; 'layer2'充满了内容，并且具有z-index：2。
我正在尝试通过以下方式进行操作：当您点击箭头图片时，“ layer2”在屏幕后面向右移动（例如200像素）。我不知道我的代码在这种情况下是否正确，但这是我使用的：
$('#arrow').click(function() {
$(this).animate({
marginRight: '+=200'
}, 500);
$('#layer2').animate({
marginLeft: '+=200'
}, 500)});
当您第二次按箭头时，如何使“ layer2”移回？
跟踪状态，可以对此进行更好的编码，但这是基本思想。
$('#arrow').click(function() {
var elem = $(this);
var state = elem.data("state") || "closed";
var dir = (state === "open") ? "-" : "+";
elem.data("state", state === "open" ? "closed" : "open");
elem.animate({
marginRight: dir + '=200'
}, 500);
$('#layer2').animate({
marginLeft: dir + '=200'
}, 500);
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句