script.aculo.us 安装

什么是 script.aculo.us？

script.aculo.us 是一组旨在增强网站用户界面的开源 JavaScript 库。它通过文档对象模型 (DOM) 提供视觉效果引擎、拖放库、控件（滑块、就地编辑、基于 Ajax 的自动完成）等。它于 2005 年 6 月由 Thomas Fuchs 首次向公众发布。

为什么是 script.aculo.us？

1. 可以添加或创建视觉效果。
2. 控件提供多个用户界面元素。
3. Builder 允许轻松创建 DOM 元素。

script.aculo.us 的特点
1. 视觉效果：它带有二十五种视觉效果和七种过渡模式，其中五个核心效果 script.aculo.us 提供不透明度、缩放、移动、高光和平行。此外，程序员可以扩展现有效果并创建新效果。

2. 控制：

1. 它使拖放模块的创建更容易。
2. 它提供自动完成输入字段。
3. 它还允许就地编辑等等。

3. 声音：它可以让您播放声音、使用多个曲目、将它们排队，并且还有更多内容可供选择。

4. 可移植性： script.aculo.us 框架的所有代码都是用 JavaScript 编写的，可以在当今大多数可用的平台上运行。

5. script.aculo.us 的流行： script.aculo.us 被许多流行的组织使用，如 NASA、Apple、IKEA、Gucci、Shopify、Ruby on Rails 等。因此，它被认为是可靠和高效的。

安装script.aculo.us：安装script.aculo.us 很容易。此外，大多数可用平台都是相同的，因此无需担心您使用的是哪个操作系统平台。只需按照以下步骤操作：

• 从下载页面下载 script.aculo.us zip 文件。
• 解压下载的包。解压后，您将找到这些文件和文件夹，如下所示。

提取的文件和文件夹

• 现在复制项目文件夹中src文件夹中的所有文件（sound.js 和 unittest.js 是可选的）。它会有这些文件； builder.js、controls.js、dragdrop.js、effects.js、scriptaculous.js、sound.js、unittest.js 和 slider.js。
• 还将prototype.js 从lib文件夹复制到您的项目文件夹。

项目文件夹中的必需文件

用法：您已准备好在项目中使用 script.aculo.us 库。现在让我们看看如何使用它：

• 在您的项目中加载prototype.js和scriptaculous.js ，如下所示。
  

• 现在您可以使用所有可用的功能，例如高亮效果。更多可以在官方文档网站上找到。
  

endcolor: ‘#ffffff’ }); return false;”> 
Highlight me! 

注意：您还可以修改给定代码中的脚本标记以仅加载所需的功能。让我们看一个例子：

html

 

    script.aculo.us usage
 
    
    
    
     
    
    
    

 

    

 

script.aculo.us 库的好处：

• 使开发更快。
• 重量轻且易于使用。