TOP  >  plugin  >  jQueryを利用した20の開閉式メニュープラグイン「20 jQuery Side Sliding Panel Plugins (show-hide) For Your Website」
2013年10月31日

jQueryを利用した20の開閉式メニュープラグイン「20 jQuery Side Sliding Panel Plugins (show-hide) For Your Website」

数年前に比べて現在のWeb業界は、便利な機能や面白い仕組みが増え、Webサイトの表現の幅も広がってきました。今回紹介するのはそんな便利な機能を手軽に実現できる、jQueryを利用した20の開閉式メニュープラグイン「20 jQuery Side Sliding Panel Plugins (show-hide) For Your Website」です。

20jssppfyw_0
Simple YouTube Menu Effect

単なる開閉に留まらず、さまざまな使い方が想定された素敵なメニューが揃っています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

Animate to Hide and Slide Content with jQuery [Tutorial]
クリックやマウスをのせることによって開閉するメニュー。開閉スペースに文章を載せたり、色々な使い方ができそうです。

20jssppfyw_1
 
 
 
 
 
jPanelMenu | A jQuery Plugin
スマートフォンでの使用を想定したメニュー。シンプルなのでベーシックに使えそうですね。

20jssppfyw_2
 
 
 
 
 
Snap.js
ドラッグやフリップに対応したメニュー。直感的に使えるのが魅力です。

20jssppfyw_3
 

どれもとても便利な開閉メニュー。少しずつ導入や表現方法が異なるので、自分の好みに合わせてお選びください。今後もjQueryなどのプログラムを用いた、便利な機能や面白い仕組みが増えそうで、とても楽しみです。

20 jQuery Side Sliding Panel Plugins (show-hide) For Your Website – Designbeep

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:00  |  
Category: plugin   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る