on:2013年9月26日sponsors標準的なクリックで切り替えるタブをはじめ、さまざまな機能を備えたタブコンテンツをクリーンなHTMLで簡単に実装できるjQueryのプラグインを紹介します。-GitHubTabsletのデモTabsletの使い方TabsletのデモTabsletは標準的なタブの機能だけでなく、多彩な機能も備えています。Firefoxでご覧ください、IEは7+対応です。それぞれのデモは見た目は同じですが、機能が全て異なります。標準的なタブでクリックでコンテンツを切り替えます。クリックではなくホバーで操作ができます。コンテンツがアニメーションで切り替わります。ローテーションでコンテンツを切り替えます。タブの切替時の前後にイベントを設定します。外部ファイル</body>の上あたりに、jquery.jsと当スクリプトを外部ファイルとして記述します。HTMLタブをul要素で、各コンテンツをdivで実装します。タブのアンカー(#tab-1)とコンテンツのid(tab-1)は対応するように設定します。ラッパーのclassに「tabs」を指定し、機能を選択します。下記はデフォルトのタイプです。3</h3></div></div>これで、クリックでコンテンツを切り替える標準的なタブを実装できます。ホバーやアニメーションのタブに変更する時は、ラッパーのclassを「tabs_hover」「tabs_animate」に変更するだけです。