jquery.tabSlideOut.js - クリックするとスライド表示されるコンテンツ
少し前にはWebサイトでUserVoiceのフィードバックウィジェットをつけているサイトがよく見られました。サイトの右端、左端などにぴったりと表示されて、クリックするとフォームが表示されるというものです。 あのような表示を再現できるのがjquery.tabSlideOut.jsです。任意のコンテンツが表示できるのでフォーム以外にも利用できるでしょう。
jquery.tabSlideOut.jsの使い方
JSFiddle上にあるデモです。画面上の上下左右どこでも出せます。
クリックするとアニメーションしながらコンテンツが表示されます。
右側も同じように。
下にあるのは画面上の任意の場所をクリックすると隠れるタイプです。
実際に動かしているところ。上にあるのはマウスオーバーで表示されます。
jquery.tabSlideOut.jsを使えば画面の任意の場所にスナップされたコンテンツを表示できます。クリックやマウスオーバーするまでは隠れているのでユーザの邪魔にはなりません。チャットやちょっとしたメモを書く場所にしても良さそうです。
jquery.tabSlideOut.jsはjQuery/JavaScript製のオープンソース・ソフトウェア(GPL v3)です。
Edit fiddle - JSFiddle hawk-ip/jquery.tabSlideOut.js: jQuery plugin to create a side/top/bottom tab that slides out to show a feedback form, contact form, notepad etc.