script.aculo.us 拖放 zindex 选项

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。拖放模块可用于使任何元素可拖放，也可以将它们拖放到放置区域中。

zindex选项用于指定被拖动元素的 CSS z-index。 z-index 用于指定页面上元素的顺序。较高的值意味着该元素将显示在具有较低值的元素之上。

句法：

{ zindex: value }

参数：此选项具有如上所述和如下所述的单个值：

• value：这是一个整数值，它指定了可拖动元素的 z-index。默认值为 1000。

下面的示例说明了此选项的使用。

例子：

HTML

  
  
  
  
  
  
  
    window.onload = function () {
  
      // Draggable element with z-index set to 100
      new Draggable('elem1', { zindex: 100 });
  
      // Draggable element with z-index set to 200
      new Draggable('elem2', { zindex: 200 });
    };
  

  

  
    
      GeeksforGeeks
    
  
  
  
    script.aculo.us Drag &
    Drop zindex Option
  
  
    
  
     Drag the elements to see the effect of 
     the zindex option. Element 2 has a 
     higher zindex than Element 1.
  
  
  
  

  

输出：