jQuery+CSS3で作るAndroid風なドックメニュー「Android Dock」

以下の記事「Android Dock」ではAndroid端末で提供されているようなドックメニューを実装する方法が紹介されています。

Creating Android Dock Using jQuery & CSS3

androiddock

私はAndroid端末も使用しているのですが、こんなドックメニューあったっけかな?と思いました。どうやらGalaxy Tabで提供されているようです(未確認)。まぁ何はともあれ、なかなか面白いアニメーションだったのでご紹介します。

 

まずはメニューを閉じた状態。

androiddock-demo-1

 

やじるし箇所をクリックするとこの通り。メニューが表示されます。

androiddock-demo-2

 

アニメーションの遷移がまとまった画像がありました。なかなか気持ちいいアニメーションです。

androiddock-demo-3

 

実装方法は上記リンク先に記載されています。興味のある方は参考にどうぞ。

 

Home > JavaScript > jQuery+CSS3で作るAndroid風なドックメニュー「Android Dock」

Return to page top