今天我們將講一下用MooTools來創建和使用類(class)的一些基本知識。
簡單地講,一個類就是一個容器,這個容器包含了一些變量集合和操作這些變量的函數,以便實現特定的功能。在一個內容牽涉較多的項目中,類會顯得難以置信的有用。
今天我們將講一下用MooTools來創建和使用類(class)的一些基本知識。
簡單地講,一個類就是一個容器,這個容器包含了一些變量集合和操作這些變量的函數,以便實現特定的功能。在一個內容牽涉較多的項目中,類會顯得難以置信的有用。
繼續我們的「更多」(More)庫裡面的插件教程,今天我們來學習一下可能是最流行最受歡迎的插件——手風琴。創建和配置一個基本的手風琴很簡單,但是你一定要認真看完全文,因為更多的高級選項可能有一些複雜。
從今天開始,我們將開始講解「更多」(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」。通過這 些選項和事件,我們可以獲得更好的控制權來控制形變動畫。
http://www.txt2re.com/index.php3