天天看點

[yui][譯]Yahoo!User Interface Libray 介紹

準備工作:

1、 下載下傳yui

yui項目檔案已經釋出在Sourceforge站點,檔案包含相關文檔,示例和代碼。

注:Yahoo沒有為yui的運作提供免費的運作環境,你需要運作在你在即Web伺服器上。

2、 在你的網頁中加入你需要的類庫檔案

為了使用yui中的元件你必須在你的頁面檔案中用<script>指定相關元件的類庫檔案位址。如果該元件依賴于其他元件,你必須使用<script>指定所依賴的元件的類庫檔案位址。

3、 如果有必要,在頁面中加入CSS檔案

某些yui的控件包含一個相應的CSS檔案,用來設定控件的樣式。此時,你必須在頁面中使用<style>指定相應的CSS檔案的位址。你可以通過修改相應的CSS檔案達到你想要的效果。

4、 浏覽相關文檔和示例

每一個元件都包含詳細的API文檔,并且提供了常用的例子。學習完後,回顧一下所有的API,做到心中有數。因為對于API了解的好壞将影響你對yui的使用效果。

Yui元件分成2類:工具包和控件庫

Yui 工具包

Yui 工具包利用DOM腳本來簡化浏覽器内的開發(in-browser devolvement),使用DHTML和AJAX的特性開發所有的Web程式。

yui控件:

yui控件庫為你頁面提供一組高互動性性的可視化元素。這些元素完全在用戶端建立維護,不需要請求伺服器進行頁面重新整理。

這些控件包括:

第三章 yui的CSS資源

本文轉自浪子部落格園部落格,原文連結:http://www.cnblogs.com/walkingboy/archive/2006/08/21/yui_intro.html,如需轉載請自行聯系原作者

繼續閱讀