實在沒有什么語言，能表達我看到這個IxEdit JavaScript開發(fā)工具時的興奮。舉個例子來說就是：你已經在沙漠里徒步走了兩三天了，中間沒有喝任何水。就在你就要虛脫，以為自己快要完蛋的時候，突然看到一顆樹，樹下鋪著一張綠色的地攤，地毯上躺著一個漂亮的裸女，裸女懷里抱著滿滿的一瓶水。而且還充滿誘惑的想你招著手，如同路邊美容院的小妞。
為了讓你能體會到這種牛叉的感覺，我建議你下看一下這邊的這段，我剛剛錄制的一段視頻。這段視頻簡單的講解了，IxEdit是什么玩意，它能做什么，以及簡單的教程。
介紹IxEdit的視頻
IxEdit視頻介紹
IxEdit的簡介
是的，就如同你在視頻中看到的，IxEdit是一個傻瓜式的JavaScript開發(fā)工具（其實就是JavaScript代碼庫）。無需掌握什么JavaScript基礎，你就利用IxEdit方便的制作出一些常用的很牛叉的頁面動態(tài)、交互效果。
想一想：如果你花費2個小時，把這個工具介紹給你們公司的美工、網(wǎng)頁設計師（一般情況下，她們雖然有很強的設計能力和寫靜態(tài)頁面的能力，但是JavaScript技能較差），告訴她們如何使用。當她們掌握了以后，她們就再也不用為一些簡單的JavaScript代碼來煩你啦。茲鑒于一般公司的美工、網(wǎng)頁設計師都是漂亮的女孩子，所以，當她們掌握了制作JavaScript效果的時候都會十分的高興和興奮。這時候你就可以對她們說：“這個工具，其實還有高級用法，我上班的時候比較忙，可能無法教你，這樣吧！晚上12點的時候，來我宿舍，我來教你?！保ㄗ⒁猓赫f這句話的時候，一定要十分鎮(zhèn)靜，不能慌亂，要表現(xiàn)的很斯文，很衣冠禽獸的樣子。否則你家的床再大也沒用?。?br> 所以，從這個角度來說IxEdit真是神一樣的工具。無論是你JavaScript白癡，還是JavaScript高手，完全都可以用它來工作，或者泡妞！神器！果真是神器呀！
IxEdit實戰(zhàn)
好了，讓我們來實戰(zhàn)一下IxEdit吧。話說這玩意還真是有點麻煩，因為IxEdit的官方網(wǎng)站：http://www.ixedit.com/ 好像還不是很完善的樣子。雖然有這指導那例子的，但是一來是全英文，二來是不太符合中國人習慣，竟然沒有給出一個較為完整的例子包，所以在這里，我就按照咱中國人的習慣，給出step by step，然后最后給一個完整的例子壓縮包。包里面什么東西都有啦。這樣才會方便你在本地研究。好吧，讓我們開始吧！
第一步：先把需要的東西找齊
如果要使用IxEdit這個JavaScript開發(fā)工具，首先要準備好一下東西，具體它們都有什么用，等下我來講解。
IxEdit需要的東西列表，沒有的話，點擊去下載
Google Gears如果沒有則需要第二條的瀏覽器 如果沒有Google Gears，你則需要Google Chome瀏覽器或者Apple的Safari瀏覽器 jQuery 庫 1.3 以上版本 jQuery UI 庫 1.7 以上版本 IxEdit js庫文件：可以暫不下載，文章最后會提供已漢化的英、中、日三語版本
好啦，讓我們來說說這復制多樣的先決條件吧！
IxEdit雖然說是JavaScript開發(fā)工具，其實也就是一個基于jQuery和jQuery UI 的JavaScript 腳本庫而已。所以，需要jQuery 和 jQuery UI 。但是IxEdit是一個超級牛叉的JavaScript庫，甚至需要用到本地數(shù)據(jù)庫，所以這玩意需要聽上去非常牛逼的Google Gears。

(點小圖查看大圖)
IxEdit需要GoogleGears支持，我漢化的時候自嘲了一把
雖然，我在漢化的時候自嘲了一把，但是經過我不同階段，無數(shù)次努力，依然沒有辦法把從Google官方下載Google Gears的安裝包，安裝成功（下載的是在線安裝包，安裝時需要聯(lián)網(wǎng)）。使我非常強烈的感到生長在祖國圍墻內真是十分的安全。
所以，安裝Google Gears的路就斷了。不過，沒有關系，雖然沒有辦法按照Google Gears，但是我們可以曲線救國，Google Gears不是Google出品的嗎？那么Google的瀏覽器Chome應該一定自帶這玩意吧。運氣非常好，這是真實的，所以，如果使用Chome瀏覽器的話，自動就有了Google Gears。另：Apple公司的Safari瀏覽器也自帶這玩意。所以，麻煩的Google Gears問題就解決了。
也許有朋友就問：是不是制作出來的網(wǎng)頁也也需要Google Gears呢？其實沒有關系啦，需要Google Gears就是開發(fā)環(huán)境而已，開發(fā)出來的網(wǎng)頁就不再需要Google Gears了。這就如同，我們用VS2008開發(fā)出來的網(wǎng)站，但是用戶瀏覽我們制作出來的網(wǎng)站時，并不需要安裝VS2008一樣。
IxEdit js庫文件，這個，貌似沒有什么好說的啦，沒這個玩意，你搞個P呀。
第二步：在本機部署開發(fā)環(huán)境吧
“部署開發(fā)環(huán)境”看上去真是非常專業(yè)的字眼，其實就是下載一個壓縮包，然后解壓一下。之所以用這么屌的字眼，是因為這樣才能在公司美工小MM面前顯的你夠屌，夠帥，夠牛逼，才能在專業(yè)領域征服她們高傲的意識。
好吧，讓我們來下載這個超就牛逼的可以“部署開發(fā)環(huán)境”的壓縮包吧！

(點小圖查看大圖)
IxEdit_pack_cn.rar
把這玩意解壓，牛逼的本機開發(fā)環(huán)境就部署完畢啦！當然，如果你覺得在美工小MM面前，只是鼠標點擊一下右鍵，然后選擇一下“解壓到...”不夠屌的話，你可以在中途穿插一些看上去非常華麗，但是毫無用處的Dos命令。一般情況下，當美工小MM看到黑乎乎的窗口，需要輸入一些看不懂的命令，然后窗口發(fā)生巨大變化的時候，她們總是會和黑客聯(lián)系起來，從而對你產生神秘感和崇拜感。如果Dos不熟悉的話，這里友情提供一個，效果非常不錯，黑乎乎的窗口胡發(fā)生劇烈的變化，那就是：dir /w 囧rz~
第三步：開始嘗試使用IxEdit吧
用EditPlus打開壓縮包里面的例子文件（我個人是EditPlus的死忠，所以使用這個，大家可以隨便用什么編輯器打開此文件）。然后會看到一些例子和黑乎乎的彈出層，這個彈出層就是整個IxEdit的靈魂了。通過它，只要簡單的點擊幾下鼠標，就可以完成任務。例子文件（我個人是EditPlus的死忠，所以使用這個，大家可以隨便用什么編輯器打開此文件）。然后會看到一些例子和黑乎乎的彈出層，這個彈出層就是整個IxEdit的靈魂了。通過它，只要簡單的點擊幾下鼠標，就可以完成任務。

(點小圖查看大圖)
IxEdit主界面，我使用的是已經漢化后的版本
IxEdit主界面就是上面這個黑乎乎的在頁面里面的彈出層了。關于語言版本，我需要大致說一下：IxEdit會根據(jù)你瀏覽器的語言版本進行判斷，使用何種語言，官方默認提供的是英語和日語，我有點不爽竟然順便提供了日語，所以，花了一些時間，做了一些主界面的漢化。不過，現(xiàn)階段只是做了一些簡單的主界面的漢化，一些幫助內容仍然沒有漢化，而且，我的英文水平很爛，翻譯的很是很好。如果您想幫助我們一起漢化此牛逼軟件，請訪問博客園IxEdit小組。讓我們逐步完善漢化版本而努力！
第四步：開始嘗試使用IxEdit制作簡單js效果吧
如何使用某某工具，這玩意用長篇大論+截圖也不如直接用視頻來的直接，所以，我決定采用視頻的形式來講解一下。如果看不了在線視頻的朋友，可以到文章底部下載視頻文件，下載到本地查看。
第五步：講解一下常用的對DOM操作的效果
使用IxEdit可以方便的對DOM進行操作，包括：
添加Class、移除Class 改變style 改變值 改變狀體 移除屬性 插入HTML元素 清空元素 移除元素
視頻中將會講解一些常用的DOM操作的應用。

(點小圖查看大圖)
IxEdit視頻教程：如何操作DOM
第六步：講解一下常用的動畫效果
使用IxEdit可以方便的實現(xiàn)一些非常絢麗的動畫效果，包括：
隱藏、顯示 滑動卷閘門 漸隱、漸顯 動畫效果
視頻中將會講解一些常用的動畫效果的應用。

(點小圖查看大圖)
IxEdit視頻教程：如何使用動畫效果
第七步：講解一下常用的特殊效果
使用IxEdit可以方便的實現(xiàn)一些特殊的效果，包括：
拖動 調整尺寸 排序 日期選擇 折疊面板 生成tab 彈出對話框
視頻中將會講解一些常用的特殊效果的應用。
其他還是一些非常簡單的效果，我就不浪費大家時間講解了。大家只要稍微摸索一下就會了解啦。

(點小圖查看大圖)
IxEdit視頻教程：如何使用特殊效果
第八步：打開IxEdit的高級模式
其實IxEdit是有高級模式的（使用 ixedit.advancedMode=true;），打開高級模式會將一些平時不常用的功能打開，供高手使用。下面的視頻將告訴你，如果打開IxEdit的高級模式。

(點小圖查看大圖)
IxEdit視頻教程：如何打開IxEdit高級模式
第九步：如果部署IxEdit生成的頁面代碼
忙活了半天，如果將成果應用到最終的頁面中，這步就會講到。部署完畢后，就不再需要Google Gears、chome瀏覽器、IxEdit js庫文件等等亂七八糟的東西啦。至于到底如何使用IxEdit生成的代碼，請看下面的視頻教程吧！

(點小圖查看大圖)
IxEdit視頻教程：如何使用IxEdit生成的js代碼
最后唧歪幾句
因為IxEdit使用了Google Gears，所以，你的設置和工作，是可以保存起來，下次打開繼續(xù)工作的。有點像“保存”和“打開”功能。默認情況下會自動保存。如果你需要“另存為”的話，可以點擊左上角的IxEdit菜單，選擇“導出/導入設置”命令實現(xiàn)。
IxEdit的確是個好東西，讓可以讓不會JavaScript的人方便的實現(xiàn)常見的JavaScript效果。與jQuery和jQuery UI的配合更是可以讓你輕松的實現(xiàn)絢麗的效果。
但是IxEdit暫時還處于beta版，所以，還存在很多可以提升的空間。讓我們對此充滿期待吧！
想?yún)⒓覫xEdit漢化的朋友，請來博客園的IxEdit小組哦。讓IxEdit不僅僅只有官方英文版和日文版，也要有中文版哦！
原文地址：http://www.cnblogs.com/JustinYoung/archive/2009/11/18/ixedit.html