MooToolsとCSSでFlashのような滑らかなマウスオーバーやカレント表示を実装するプラグイン。 元ネタはCreate a Sprited Navigation Menu Using CSS and MooTool […]
タグ: Fx.Tween
[MooTools Tutorial] ページのコンテンツをスライドさせて切り替える
MooToolsチュートリアル4回目はコンテンツを全部横並びの帯状に配置して、ボタンクリックで水平方向にスライド表示させるチュートリアルです。
中身が少なくて写真で誤魔化さざるを得ないようなサイトにもってこいなアニメーション。Coreだけで作れるのでお手軽だと思います。
[MooTools] mooZoomGallery Plugin
mooZoomGalleryはサムネイル画像から拡大画像への表示を、画像が並んでいるエリア内で行うMooTools用ギャラリープラグインです。 LightBoxのようにレイヤーを被せて表示するのではなく、他のサムネイルを […]
[MooTools] mooContreGallery Plugin
mooContreGalleryはhttp://www.contreforme.ch/のProjectsページで使われている 画像拡大、スクロール、インフォメーション表示など一連のエフェクトを貴方のサイトに実装するプラグ […]
[MooTools Tutorial]背景画像を複数読み込んでクロスフェードで切り替える
背景画像をローディングしたあとにクロスフェードで順番に切り替えるMooToolsのチュートリアル。クロスフェードといってもソースにしたらたった5行のことですわ。簡単簡単。
[MooTools Tutorial]巨大な背景画像の読み込みとMoreの使い方
このエントリーではMooToolsの機能拡張をする便利なMoreクラスの使い方を説明しつつ、Flashでやってしまいがちな横幅1000pxを越える大きな背景画像の読み込みをMoreのAssetsクラスを使ってやってみるチュートリアル。全8ステップ。
[mootools] クリックした場所に線を表示する
クリックした座標をposition:absoluteのtopまたはleftの数値に置き換えて、画面上に1pxの線を縦横ランダムに表示する。
[mootools]クリックでフェードインアウトさせる
ボタンやリンククリックでフェードインアウトさせるサンプル。 ※このサンプルは前バージョン(1.1.2)で書いたものです。追記で1.2の解説もしてます。 iframe対応のブラウザでご覧ください