搜尋

隨機推薦

24 十二月 2010
22 十一月 2011

從今天開始,我們將開始講解「更多」(Mootools More)庫裡面的更多插件

Sortables是一個非常強大的插件,能夠真正地擴大你的用戶界面設計的選擇面。Sortables類還提供了包括一個名叫「serialize」的 優秀方法,通過這個方法你額可以把這些元素的id作為數組輸出——對於服務器端的開發非常有用。接下來,我們看看如何創建一個新的排序項集合,還有一定要 看一下最後的演示實例。

到現在為止,初始化這些MooTools插件對象就會開始變得越來越熟悉。滾動條(Slider)沒有任何不同,你要創建一個新的滾動條,定義滾動 條和滑塊相關的元素,然後設置你的選項,再創建一些回調事件的控制函數。儘管滾動條(Slider)遵循這個熟悉的模式,但是任然還有一點特殊的地方。

在今天的教程中,我們將關注兩塊內容:第一個就是.periodical();方法,然後我們再對hash做一個簡介。定時器能比它表面看起來做更 多的事情——定時能定期地觸發一個函數。另一方面,hash則是鍵值對(key/value)的集合。如果你對hash還不熟悉現在也不要著急——我們今 天就會做一個快速簡要的介紹,並且會提供一些延伸閱讀的相關鏈接。就像MooTools中的所有東西一樣,一旦你看到它的正確用法,它使用起來就非常的簡 單,並且不可思議的有用。

今天我們將先簡要地看一下正規表示式,然後再看一下MooTools提供的一些讓正規表示式更容易使用的功能。如果你還不熟悉怎麼使用正規表示式 (regular expression(regex)),我強烈建議你花一定量的時間好好看一下這篇文章中的一些鏈接,尤其是文章結尾「更多學習」部分的鏈接。我們今天只 是講一講正規表示式最基本的用法,正規表示式能做的遠遠超過我們今天所講的內容。

今天我們開始第十二講,今天我們將仔細看一下Drag.Move——一個很強大的MooTools類,它可以讓你給你的web應用添加拖放功能。它 的使用和我們見過的其他的插件類似:首先你使用「new」關鍵字來創建一個Drag.Move對象並賦值給一個變量,然後你再定義你的選項和事件。這就是 全部要做的事情,不過你一定要注意一下下面的例子中描述的IE的CSS怪異現象。

今天,我們繼續探索一下這個庫的Fx部分,我們將學習如何使用Fx.Morph(它從本質上可以讓你同時漸變多個樣式表屬性),然後我們再檢查一下 應用到Fx.Tween和Fx.Morph的一些Fx選項,最後我們將看看如何使用Fx事件,譬如「onComplete」和「onStart」。通過這 些選項和事件,我們可以獲得更好的控制權來控制形變動畫。

Please publish modules in offcanvas position.