ホームページ > ウェブフロントエンド > jsチュートリアル > 13 の素晴らしい Jquery インターフェイス デザイン Web サイトの推奨事項_jquery

13 の素晴らしい Jquery インターフェイス デザイン Web サイトの推奨事項_jquery

WBOY
リリース: 2016-05-16 18:19:03
オリジナル
1598 人が閲覧しました

How to create the image-less from Google.com

无图片、完全通过CSS控制的一些表单元素。据说Google专门招募了一些设计高手专门研究一些此项技术。

clip_image002[4]

How to Create an Image Gallery with easily Switchable Views

 

此相册具有两种视图:文字并茂和纯图片效果,这两种效果可以灵活第进行切换。

clip_image004

An Animated Sharing-Bar that includes a 3D Carousel Effect

3D旋转效果展示分享按钮,具有动画效果。WordPress的tab云好像也有这种效果。

clip_image006

Facebook Style Footer Admin Panel with CSS and jQuery

类似Facebook的底部管理面板,把一些常用的管理按钮放到网站的底部。

clip_image007

How to use the Sliding-Doors Technique to create buttons using Sprites

减轻服务器负担的Sprite技术

clip_image009

jQuery Mega-Menu with slide-down effects

一个富导航按钮,能够展示更宽广和大气的导航。

clip_image011

jQuery Fly-To-Basket Effect for Online Stores

点击【Add to Basket】按钮,商品滑动到右侧的购物车,非常Cool。

clip_image013

Fancy Quotes using jQuery, CSS and Ajax

右側の概要リストにマウスを置くと、右側のリストが自動的にスクロールし、マウスをクリックすると、左側に詳細な内容が表示されます。

clip_image015

GivaLabs iButtons – チェックボックスを表示する別の方法

アニメーション効果のあるチェックボックス

clip_image017

jQuery Impromptu – ユーザー プロンプトを追加する洗練された軽量かつシンプルな方法

洗練された軽量のユーザー プロンプト ボックス。

clip_image019

NiceForms – 大衆向けの簡単なフォームスキニング

チェックボックス、選択、入力フィールドなどの要素を美しくできる非常に美しいフォーム要素スキンです。

clip_image021

レイアウトへの非常に簡単な変更 – メイン ページ アイコンのフェードインおよびフェードアウト効果

ページアイコンのフェードインおよびフェードアウト効果

clip_image023

バウンス効果のあるカラフルなアコーディオン

色のアコーディオン効果

clip_image025

英語アドレス: http://addyosmani.com/blog/13-jquery-user-interface-tutorials-to-improve-your-designs/

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート