Question

我有两个元素之间的z-index问题。当蓝色框展开时，它应该是橙色和橙色蓝色。当盒子展开时，我决定选择添加课程。
http://jsfiddle.net/RRMLU/2/

function blue() {
if ($("#blue").width() > 350) {
    $(this).addClass('test')

}
else {
    $(this).removeClass('test')
}
$("#blue").delay( 0 )
    .animate({"height": "+=15px", "width": "+=25px", },1000, 'swing');
$("#blue").delay( 500 )
    .css({"position":"absolute"})
    .animate({"height": "-=15px", "width": "-=25px"},1000, 'swing', blue)
$("#blue").delay( 1500 )

}

我尝试使用此代码，但没有运气...... :(

谢谢！

Answer 1

您可以使用以下命令在jQuery中设置元素的z-index：$('#blue').zIndex(1);。在框动画时尝试使用它。

Answer 2

我不确定你要做什么，而你的代码看起来有些混乱......

我使用z-index ...

加入了.test

并在悬停时调用blue（）函数

http://jsfiddle.net/EXKP2/

$("#blue").hover(function(){
        $(this)
        .animate({"height": "280px", "width": "430px"},1000, 'swing', blue)
        .css({"box-shadow":"1px 3px 3px #333"});
        $(this).stop(true,false);
 },
    function() {
        $(this)
        .animate({"height": "218px", "width": "405px"},1000, 'swing', blue)
        .css({"box-shadow":"none"});
        $(this).clearQueue();
});

更改元素宽度的z-index

2 个答案: