script.aculo.us DropOut 效果

script.aculo.us的Effect.DropOut()方法用于从 DOM 中移除和显示元素，以模拟下拉效果。核心效果， Effect.MoveBy()和effect.Opacity()组合起来制作DroupOut效果。它可以与Effect.Appear()一起实现以删除元素然后再次显示它。

句法：

new Effect.DropOut(element_id, {options});

此效果不需要任何特定参数。可以使用视觉效果模块的常用参数。

例子：

  

  
    
    
  
    
    
  
    
        function ShowElement(element) {
            new Effect.Appear(element, { duration: 1 });
        }
  
        function HideElement(element) {
            new Effect.DropOut(element, { duration: 3 });
        }
  
    

  

    
        Show Content
    
    
  
    
        Hide Content
    
    
    

  

输出：