什么是yahoo YUI
YUI 是 Yahoo! User Interface 的缩写，这是由 Yahoo! 所开发出来的工具库，包含了多种程式工具、函数库和网页操作介面，能够更快速的开发互动性高、丰富的网站应用程式，尤其是那些使用到 DOM、DHTML 和 Ajax 的网页。YUI 全部都是使用 Javascript 写出来的（其中也包含了一些 CSS ），而且是公开给大家免费使用的 Open Source 软体。
為什麼要使用 YUI ？
目前 YUI 仍在持续发展的阶段，最新的版本是 2.0x，在YUI 的官方网站可 以下载全部的套件，也有详细的说明档案。目前看到 YUI 的相关资源几乎都是英文的.
YUI 很重要的功能之一就是帮助减少不同瀏览器之间的差异性，让你只要使用一种写法就能通吃所有瀏览器，也能降低 IE 狂吃记忆体的当机问题。
因此 YUI 实在是不可或缺的啊！在日后教大家的范例裡面，也会大量使用到 YUI 的。
YUI 的家族成员
YUI 包含的东西很多，可以先粗分為三大部份：工具函数库、CSS 工具以及操作介面库。其中各大项裡面的内容简单介绍如下：
工具函数库（YUI Library Utilities）：
- The YAHOO Global Object : 这是 YUI 的核心物件，每个使用到 YUI 的页面都必须先载入这个物件。它主要的用途是，提供所有 YUI 裡的程式有共同单一的命名空间（ namespace ），以及一些共用的物件方法（method）。
- Event Utility : 事件工具，帮忙处理网页中发生的事件，例如滑鼠按下、滑鼠经过、表单送出… 等等都属于事件。它也提供了监听事件和自订事件的功能。
- DOM Collection : DOM 工具，当你要透过 DOM 来动态更改网页中的元素时，尤其是对于动态变化 CSS 样式和避免不同瀏览器之间的差异性，这个工具会十分的有用。
- Connection Manager : 连线管理程式，要使用 Ajax 就一定会用到的啦！这个工具大幅简化了 XMLHttpRequest 物件的使用方式。
- Drag and Drop Utility : 拖曳工具，想要在网页中製作出可以用滑鼠拖曳的操作介面吗？就是它啦！还没试过新版的 Yahoo! 信箱吗？像 Outlook 一样可以拖拉放哦！
- Animation Utility : 动画工具，想让网页增添动画效果，但又不要依靠 Flash 吗？这个工具就是专门来製作移动、缩放、Alpha ( 淡入淡出 ) 等动画效果用的。从今以后光靠 DHTML 製作动画就简单多囉！
CSS 工具（YUI Library CSS Tools）：
- CSS Page Grids : 网页版面工具，你是否常常為使用 CSS 切割版面而头痛呢？有了这个工具之后，不论是两栏、三栏或多栏的版面都不用担心了！
- CSS Fonts : 字体工具，替不同的瀏览器统一了字体、间距等样式，用来避免不同瀏览器之间的差异性。
- CSS Reset : 这也是用来统一不同瀏览器之间的差异性，但是针对所有的网页元素样式。
操作介面库（YUI Library Controls）：
- AutoComplete : 自动完成。
- Calendar : 月历。
- Container : 容器？包含了模组、重叠的图层、面板、工具提示、对话框以及简易对话框等，设计应用程式时会使用到的使用者介面。
- Logger : 提供了很简单的方式在程式码中读写讯息，非常方便除错使用。别再用笨笨的 alert 啦！
- Menu : 选单。不论是普通的选单、弹出式选单、滑鼠右键选单，都可以很容易做到。
- Slider : 可以拉动的滑桿，例如部落格设定裡面，调整透明度时的滑桿，就是用这个做的。
- TreeView : 树状选单。想製作和档案总管一样的树状选单吗？或是可以多层展开选单，这裡已经提供了现成的物件给你使用了！
去YUI 的官方网站看看？
