jqueryの華麗なインターフェイスのデザイン効果13

今日、いくつかのエキサイティングなUIのチュートリアルを共有し、これらのほとんどは、スイッチビューにダイナミックなアルバム、3D回転の共有ボタン、Facebookの管理パネル、ナビゲーションメニューの下落の影響、お買い物カート機能を滑空、美しい含め、jQueryのUIのプラグインに基づいていますその上のフォーム要素を形成し、そして。

Google.comから画像レスを作成する方法

いくつかのフォーム要素のCSS制御との完全な画像なし、。Googleが特にこの技術のいくつかの設計に特化した専門家の数を募集することを言われています。

clip_image002 [4]

簡単に切り替えビューでイメージギャラリーを作成する方法

このアルバムは2つのビューがあります:真央と純粋なテキストと画像の効果は、これら2つの効果が最初に柔軟に切り替えることができます。

clip_image004

3Dカルーセル効果を含んでいるアン動画共有-バー

3Dアニメーションと共有ボタンを表示する効果を回転させます。タブWordPressの雲は、この効果を持っているようです。

clip_image006

CSSとjQueryを使ってFacebookのスタイルフッターの管理パネル

Facebookの状の底パネル管理、サイトの下部にあるいくつかの一般的に使用するボタンの管理。

clip_image007

スプライトを使用して、ボタンを作成するために、スライディング・ドアテクニックの使い方

サーバのスプライト技術の負担を軽減

clip_image009

スライドダウン効果を持つjQueryのは、メガメニュー

豊富なナビゲーションボタン、およびナビゲーションの広い雰囲気を実証することができ。

clip_image011

jQueryのフライ・ツー・バスケットオンラインストアのための効果

クリックして[カートに追加]ボタン、カートの右側に商品スライド、非常にクール。

clip_image013

jQueryの、CSSとAjaxを使ってファンシー引用

アウトラインリストの右側にマウスは、リストは自動的に左の詳細を示す上でのマウスクリックした後、右にスクロールする場合。

clip_image015

GivaLabsのiButton - あなたのチェックボックスを表示する別の方法

アニメーションのCheckBox

clip_image017

jQueryの即興 - A洗練された、軽量かつユーザプロンプトを追加する簡単な方法

滑らかで、軽量ユーザープロンプトボックス。

clip_image019

NiceForms - 簡単なフォームスキニング大衆のため

皮膚の非常に素晴らしいフォーム要素は、チェックボックスを美化することができ、選択し、入力フィールドおよびその他の要素。

clip_image021

メインページアイコンのフェードインとフェードアウト効果 - あなたのレイアウトに非常に簡単な変更

ページのアイコンは、フェードインとフェードアウト効果アイコン

clip_image023

バウンス効果を持つカラフルなアコーディオン

カラーアコーディオンの効果を持ちます

clip_image025

英語住所:http://addyosmani.com/blog/13-jquery-user-interface-tutorials-to-improve-your-designs/

元の記事公開 ウォンの賞賛2 ビュー10000 +

おすすめ

転載: blog.csdn.net/u011927449/article/details/104029989