ホームページ >ウェブフロントエンド >jsチュートリアル >MooTools 1.2 概要_Mootools
MooTools 1.2 概要_Mootools
- WBOYオリジナル
- 2016-05-16 18:46:43972ブラウズ
MooTools 1.2 JavaScript ライブラリの紹介
MooTools 1.2 は、Web での対話型 JavaScript 開発を容易にするために特別に設計された、強力で軽量な JavaScript ライブラリです。ある意味、MooTools は CSS の拡張機能と考えることができます。たとえば、CSS を使用すると、マウスを上に置くと変更できます。 JavaScript を使用すると、より多くのイベント (クリック イベント、マウスオーバー イベント、キーボード イベントなど) に触れることができ、MooTools を使用するとそれが非常に簡単になります。
さらに、MooTools には、要素のプロパティを変更するだけでなく、「モーフ」 (変形) または「トゥイーン」 (トゥイーン アニメーション) プロパティを設定できるさまざまな非常に優れた拡張機能もあります。を使用すると、ナビゲーション メニューに表示されるようなアニメーション効果を作成できます (Fdream 注: オリジナルの作成者によるもので、私のホームページにもあります)。
これは単なる例であり、MooTools ではさらに多くのことができます。今後 30 日間にわたって、MooTools ライブラリを詳しく調べ、配列や関数から Fx.Slide、およびその他のバンドルされたプラグインに至るまですべてを探索していきます。
MooTools 1.2 のリファレンス
まず、MooTools 1.2 コア ライブラリをダウンロードして参照します。
MooTools 1.2 コア ライブラリをダウンロードします
MooTools 1.2 コア ライブラリをサーバーまたはワークスペースにアップロードします
HTML ドキュメントの head タグ内で MooTools 1.2 コア ライブラリをリンクします
リファレンスコード:
(Fdream 注: MooTools 1.2 をダウンロードすると、デフォルトのサフィックスは ".txt" になります。 、サフィックスを「.js」に変更してください。)
Head タグ内に Script タグを追加します
MooTools をページに適用したので、コードを記述する場所がまだ必要です。ここには 2 つのオプションがあります:
1. head タグ内に次のコードを記述し、script タグ内にコードを記述します:
参照コード: