script.aculo.us 关闭效果

在本文中，我们将使用名为script.aculo.us的 JavaScript 库来演示SwitchOff选项的视觉效果，该库具有从一个到另一个的平滑过渡。我们也可以调整效果的持续时间。

句法：

Effect.SwitchOff('id_of_element');

注意：要使用这个库，我们应该下载这个库，然后在我们的程序中使用它。为此，您可以点击此链接 http://script.aculo.us/downloads。

演示：为了演示这个函数的使用，我们编写了一小段代码。我们编写了一个小的 JavaScript函数ShowEffect()方法，它使用了这个库的SwitchOff()方法。通过点击点击我来关闭线路！ ，你会清楚地看到效果。

示例：要查看效果，首先在代码中包含库文件，然后在本地环境中打开该程序。

HTML

  

    
    
  
    
    
  
    
  
        function ShowEffect(element) {
            new Effect.SwitchOff(element, 
                { duration: 3.0 });
        }
        function displayImage(element) {
            new Effect.Appear(element, 
            { duration: 1, from: 1.1, to: 1.2 });
        }
    

  

    
        Click me to display the image!
    
    
  
    
        
        Click me to switch me off.
    

  

输出：