[MooTools Tutorial] ページのコンテンツをスライドさせて切り替える

MooToolsチュートリアル4回目はコンテンツを全部横並びの帯状に配置して、ボタンクリックで水平方向にスライド表示させるチュートリアルです。
中身が少なくて写真で誤魔化さざるを得ないようなサイトにもってこいなアニメーション。Coreだけで作れるのでお手軽だと思います。

[MooTools Tutorial]背景画像を複数読み込んでクロスフェードで切り替える

背景画像をローディングしたあとにクロスフェードで順番に切り替えるMooToolsのチュートリアル。クロスフェードといってもソースにしたらたった5行のことですわ。簡単簡単。

[MooTools Tutorial]巨大な背景画像の読み込みとMoreの使い方

このエントリーではMooToolsの機能拡張をする便利なMoreクラスの使い方を説明しつつ、Flashでやってしまいがちな横幅1000pxを越える大きな背景画像の読み込みをMoreのAssetsクラスを使ってやってみるチュートリアル。全8ステップ。

[MooTools Tutorial]横からスライドインしてくるアニメーションメニューの作り方

MooToolsのFx.Morphクラスを使ってリスト要素をFlashのようにぬるぬる動かします。
完成するとリストメニューが上から順に画面中央付近から左側へスライドインしてくるアニメーションになります。
全5ステップ。