JavaScriptライブラリのmootoolsのプラグインを利用して出来るサンプルです。 Ajaxライブラリの一つmootoolsは、必要十分なメソッドに抑え、軽く、早いのが特徴です。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト関連、その他、日本語未解説の分類でAjaxライブラリmootoolsを紹介しています。 Image(19) Menu(13) Form(8) Text(9) Other(18) W/O_JP(45)
mootools 110 Plugins：skuare.net
JavaScriptライブラリのmootoolsのプラグインを利用して出来るサンプルです。 Ajaxライブラリの一つmootoolsは、必要十分なメソッドに抑え、軽く、早いのが特徴です。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト関連、その他、日本語未解説の分類でAjaxライブラリmootoolsを紹介しています。 Image(19) Menu(13) Form(8) Text(9) Other(18) W/O_JP(45)
サイドバーをセクシーに開閉させるjavascript「SlidingSideBar」
Webデザインを行う際に、見やすさが重要な要素の一つにあげられます。 この観点から言えば余計なものは削除する必要がありますが、開設者としてはどうしても表示したいものがあります。 Andrew SellickのSexy sliding JavaScript side bar menuではデザインにも配慮した開閉式のサイドバーを作成することが出来ます。 sponsors 使用方法 Sexy sliding JavaScript side bar menuのDownloadからダウンロードしても解凍できなかったので以下よりダウンロードしてください。 SlidingSideBar.zip またmootools.jsも必要です。 head内に以下を挿入します。 <script src="http://yourdomain/mootools.js" type="text/javascript"></s
Mootools 1.0+ Plugins, Examples, Tutorials & Demos List
Mootools 1.0+ Plugins, Examples, Tutorials & Demos List Mootools version1.0以降のものを使ったプラグインとごくごく簡単なサンプルのリスト。moo.fxやversion1.0以前で動くものは除外してます。(一部除く) tracやforumを常に追っている方にはあまり有用では無いかも。 項目をクリックすれば表示されます。コメントなどは下の記事へ。 mootools 1.0のプラグインやサンプル、デモなんかをまとめてみた。 * 勉強も兼ねているので、エフェクトがちょっと鬱陶しいかもしれませんがご容赦ください。更新履歴 (Changelog) は一番下にあります。 リンクをクリックする際は、新しくタブで開くことをオススメします。 09.05.14 追記: 検索でもトップのほうに来るのに、全然更新もしないし1.2以降に対応して
フォームに吹き出しでヒントを出すjavascript「Hints.js」
twitter facebook hatena google pocket フォームでは作成者と入力者の意図が一致しないときがあります。 またユーザビリティの観点からもわかりやすいフォーム制作が求められます。 Hints.jsを挿入するとフォームに吹き出しでヒントを出すことができます。 sponsors 使用方法 Hints.jsからHints.jsとjavascriptライブラリのmootools完全版？というcomplete.jsをダウンロードします。 これら2つをheadに埋め込みます。 <script type="text/javascript" src="http://yourdomain/complete.js"></script> >script type="text/javascript" src="http://yourdomain/Hints.js"></script>
フォームを彩るjavascript「mooFancyForm」
twitter facebook hatena google pocket フォームを外見をデザインすることで、訪問者のコンタクト率の上昇が期待できます。 FancyFormを使用すれば、checkboxとradioの印象を良くすることができます。 sponsors 使用方法 FancyFormからファイル一式をダウンロードし、以下をheadに加えて普段通りにcheckboxやradioを記入するだけです。 <link rel="stylesheet" href="http://yourdomain/screensmall.css" type="text/css" media="screen"> <script type="text/javascript" src="http://yourdomain/mootools.js"></script> <script type="text/ja
JavaScript(mootools)で映りこみを表現する（Reflection.js for mootools） - webデザイナーのナナメガキ
Home > JavaScript > JavaScript(mootools)で映りこみを表現する（Reflection.js for mootools） Newer Older web2.0おなじみの映りこみをJavaScriptで表現できるライブラリはReflection.jsが有名でかつ軽いですが、mootoolsでもできるみたいです。「Reflection.js for mootools」というプラグインでmootools.jsと一緒に使います。 Reflection.js for mootoolsはデモがよく出来ているので以下にほぼそのまま載っけます。透明度や高さ、背景色も変えられるので機能が一発でわかるようになってます。デモって大事ですね。 使い方は簡単で「reflection.js」と「mootools.js」を読み込んで、映りこみさせたい画像に「class=”reflec
mootools 1.11 リファレンス
軽い、速い、ウマいなmootools Javascriptフレームワークのリファレンスです。使わない部分も多いので抜かしている部分や間違っているところもあるかもしれませんが、もし問題を見つけたらdaisukeアットマークendeworksどっとjpまでメールしてください。 リファレンス目次 functions - Array - Arrayクラスの拡張 Class - Chain - Element - DOM要素を操作するクラス Events - Json - Function - Fx.Styles - 複数のスタイルを並列して変更させていくエフェクト Options - String - Stringクラスの拡張 XHR - Group - Window -
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://bizcaz.com/archives/2007/05/14-225606.php
[JS]よく使うベーシックなmootools.jsのプラグイン -PHATFUSION | コリス
Phatfusion:image menu