📜  script.aculo.us 上滑效果

📅  最后修改于: 2022-05-13 01:56:27.325000             🧑  作者: Mango

script.aculo.us 上滑效果

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

句法 :

Effect.SlideUp('id_of_element');

要么

Effect.SlideUp('id_of_element', { duration: 3.0 });

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

方法:为了演示这个函数的使用,我们编写了一小段代码。我们编写了一个名为ShowEffect方法的小 JavaScript函数,它使用了这个库的SlideUp方法。通过单击单击我以向上滑动图像! ,你会清楚地看到效果。

示例:要查看效果,首先安装库,然后在本地环境中打开该程序。

HTML


  

  
    
  
    
  
    

  

    
        Click me to SlideUp the image!     
    
       
        
        Image to SlideUp     
  


输出: