Question

我已经看到一些问题，询问如何更改同一div上的z-index，而不是如何将其应用于不同的div。我没有足够的javascript知识来知道这样做的确切方法，但我认为这是可能的。

这就是我想要做的事情：

我正在进行以下页面：http://maevamaurel.com/book.html

此页面中有两个菜单，主菜单和一个子菜单，允许用户浏览艺术家的作品。我想要做的是在选择相应的子菜单按钮（Web / Corporate / etc ...）时让不同的画廊改变z-index。因此，当选择Web按钮时，相应的画廊被抬起。我知道这不是编码的最佳方式，但欢迎任何建议。

这会起作用吗？我想知道它可能不会一旦所有的画廊都有相同的z-index（我很困惑，我一直在这个特定的页面上工作，我会做一个php / sql组合但是用户没有如何访问管理页面，以便我只有ftp访问权限。

感谢任何帮助。

附录：

这是我的代码（我只有HTML代码顺便说一句）

<div id="menu_book">
            <a href="" id="web">Web</a>
            <a href="" id="corporate">Corporate</a>
            <a href="" id="print">Print</a>
            <a href="" id="perso">Perso</a>
            <a href="" id="projetpro">Projet Pro.</a>
    </div>

这就是菜单代码

<div id="tab_web">
            <img src="img/Page_Book/images_book/image_web/site_1_preview.png" alt="Test description" data-description="Test description for image 1">
            <img src="img/Page_Book/images_book/image_web/site_2_preview.png">
            <img src="img/Page_Book/images_book/image_web/site_3_preview.png">
            <img src="img/Page_Book/images_book/image_web/site_4_preview.png">
            <img src="img/Page_Book/images_book/image_web/site_5_preview.png">
            <img src="img/Page_Book/images_book/image_web/site_6_preview.png">
            <img src="img/Page_Book/images_book/image_web/site_7_preview.png">
            <img src="img/Page_Book/images_book/image_web/site_8_preview.png">
            <script>
                Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
                Galleria.run('#tab_web');
            </script>
        </div>

这是div代码（我正在使用Galleria插件）

哦，图库标签的相应代码是：

#tab_web {
position:absolute;
display:block;
height:62%;
width:48%;
left:17%;
top:18%;
z-index:400;

}

我只将每个代码中的代码放在一起，因为它们都是相同的。如果省略图库标签的z-index会有帮助吗？它们位于另一个div中，因此不会对它们产生太大影响。

更新：我得到了它的工作，唯一的问题是其他画廊保持其z-index值。现在我一直在思考算法，这是我认为可行的：

我给每个ids一个班级，说'.Galleria'
我修改了javascript，把它变成了一个函数，其中function（id，value）。
调用该函数时，它将调用具有类“.Galleria”的所有元素，并通过所选值修改给定id的z-index。属于同一个类但不具有相同id的所有其他值将使其z-index值减小到较低值。

我对如何做到这一点有一个大致的想法，所以一旦我吃了早餐，我就会尝试写一个功能（没有尝试空腹思考），但如果你能给我一些指示我会欣赏它。

我想我必须使用类似于$（this）.elementbyId之类的东西？

我需要查看javascript api文档。

代码更新

当我的早餐煨和做饭时，我匆匆写了这个功能。我不确定它是否会起作用，我还没有对它进行测试，但我想我会在男性校正之前和之后得到你的输入（在学习时总是有用）

功能：

function changeIndex(gallerie,id) {
    var elements = document.getElementsByClassName(gallerie),i;
    for (i in elements) {
        if (elements = id) {
            $(elements).css('zIndex',400);
        }
        else {
            $(elements).css('zIndex',200);
        }
    }
}

那些可能不起作用的东西？

在菜单选择上更改所选div的z-index

0 个答案: