今日は、人気のあるjQueryエフェクトの作成を大幅に簡素化するすばらしいWPFアプリケーションについて説明します!
デザイナーと開発者向けのこのツールは、Glimmerと呼ばれます。 Codeplexページから誰でも利用できます 。
ニーズに合わせてアプリケーションを作り直したいですか? 問題ありません-同じページでGlimmerのソースコードをダウンロードできます!
アプリケーションのインストールに異常はありません。 唯一のことは、アプリケーションが.NET 3.5 SP1を必要とするということです。それがない場合、自動的にインストールされます。
アプリケーションを起動すると、すぐにサイトのエフェクトの作成を開始できます。 ここで、作業への開始前に読むことができるドキュメントへのリンクを見ることができます。
このアプリケーションにはいくつかの良い例があり、 ダウンロードして実際に見ることができます 。 Mix Online Glimmer Lab Page - Glimmerで生成されたスクリプトをあらゆる場所で使用するページ!
Glimmerを使用して美しいウェブサイトエフェクトを簡単に作成できることを見てみましょう。
たとえば、利用可能な多くのテンプレートの1つを使用して、 Microsoft Expression Webにサイトを作成しました。 コンテンツセクションに、現在何もしない2つのシンプルなボタンを追加しました。
Glimmerに行き、File-> Open HTML(またはCtrl + O)でWebサイトを開きます。
プレビュー画面と2つのボタンが表示されます-「新しいアクションを追加」と「保存」。
ページにエフェクトを追加します。 [非表示]ボタンをクリックすると、ナビゲーションメニューが完全に透明になります。 [表示]ボタンをクリックすると、再び表示されます。
[新しいアクションを追加]ボタンをクリックして、フィールドに入力します。
- アクション名-アクション名
アクションタイプ-アクションが発生したときのイベント
トリガーは、アクションをトリガーする要素です。 [選択]ボタンをクリックし、[プレビュー]ウィンドウで目的のアイテムをクリックして選択します。
ターゲット-私たちが行動する要素
効果の追加-目的の効果を選択します
私の場合、[非表示]ボタンの設定は次のようになります。
そして、表示ボタンの場合、次のようになります。
[保存]ボタンをクリックして、jsファイルをサイトのディレクトリに保存します。
プレビューウィンドウで何が起こったのかをすぐに確認できます。
そして、効果を表示したいブラウザのプレビューリストからブラウザを選択できます。
最小限のアクションで、非常に素晴らしい効果を作成しました。 しかし、私は最も単純な効果のみを示しました。 Glimmerでは、ドロップダウンメニュー、画像ギャラリー、さまざまな効果のミックスなどを作成できます。 試してみてください ! :)