Question

尝试让z-sorting正常工作。我想要实现的是某种循环/轮播。当点击“.area”时，它应该放在最底层的z-wize上。当所有元素都设置为底部时，它们应该开始重新放置。不需要动画。只需要帮助逻辑。

真的像旋转木马，但是z-明智。有任何想法吗？ http://jsfiddle.net/EjpSu/8/

var z = 1;

$(".area").each(function(e) {
    z++;
    $(this).css("z-index",z)
});

$(".area").click(function(){
    $(this).css("z-index",z--)
})

Answer 1

尝试从z-index中减去区域div的总数（更新为保持z-index非负）：

var n = $(".area").length;

$(".area").click(function(){
    var z = $(this).css("z-index") - n;
    if(z === 0) {
        reset();
    } else {
        $(this).css("z-index", z);
    }
});

function reset() {
    var z = n;
    $(".area").each(function(e) {
        $(this).css("z-index",z);
        z++;
    });
};    
reset();

演示：http://jsfiddle.net/verashn/mTKRL/

javascript中的z-index排序

1 个答案: