Javascript 如何使用jquery更改位置和z索引（动画）

是否有任何方法可以更改动画以及div的位置和z索引

这是代码，我想要的是鼠标按此顺序单击时设置的属性

<script>
        jQuery(document).ready(function ($) {
            var youtubeVid = '<iframe src="//www.youtube.com/embed/Jcjsrt-xWdo" width="100%" height="100%" frameborder="0" allowfullscreen="" id="fitvid670345"></iframe>';
            $("#home-page-vid-image").on("click", function () {
                $("#home-page-vid-image").animate({    
                    position: "absolute",
                    z-index: "2",                
                    top: "463px",
                    width: "100%",
                    height: "541px"                  
                }, 1000, function () { $("#home-page-vid-image").html(youtubeVid)});               
            });
        });
</script>

jQuery（文档）.ready（函数（$）{
变量youtubeVid=''；
$（“#主页视频图像”）。在（“单击”，函数（）{
$（“#主页视频图像”）.animate（{
位置：“绝对”，
z-索引：“2”，
顶部：“463px”，
宽度：“100%”，
高度：“541px”
}，1000，函数（）{$（“#主页视频图像”）.html（youtubeVid）}；
});
});

---

如果不可能，有没有关于如何执行此操作的建议？

您不能使用jQuery设置

位置

和

z-index

属性的动画。试试这个：

jQuery(document).ready(function ($) {
    var youtubeVid = '<iframe src="//www.youtube.com/embed/Jcjsrt-xWdo" width="100%" height="100%" frameborder="0" allowfullscreen="" id="fitvid670345"></iframe>';
    $("#home-page-vid-image").on("click", function () {
        $("#home-page-vid-image")
            .css({position: "absolute"})
            .animate({                       
               top: "463px",
               width: "100%",
               height: "541px"                  
            }, 
            1000, 
            function () { 
               $(this)
                   .css({zIndex: "2"})
                   .html(youtubeVid);
            });               
    });
});

jQuery（文档）.ready（函数（$）{
变量youtubeVid=''；
$（“#主页视频图像”）。在（“单击”，函数（）{
$（“#主页视频图像”）
.css（{位置：“绝对”}）
.animate（{
顶部：“463px”，
宽度：“100%”，
高度：“541px”
}, 
1000, 
函数（）{
$（本）
.css（{zIndex:“2”}）
.html（youtubeVid）；
});               
});
});

---

或者，如果您确实需要逐渐更改z索引，您可以使用

动画

的

步骤

参数，如答案所示。

可能是带引号的

“z索引”

，或者不带引号的

zIndex

。javascript属性不能有破折号

-

。或者您可以使用样式属性将破折号替换为zindex，position和zindex属性都不是settedIt的

zindex

和大写的

I

，通常称为camelCase，用于javascript中的样式。