jquery - スタックオーバーフローのようなタブパネル

Question

過去 2 日間から、stackoverflow のようなタブ パネルを実装する方法を考えています。https://stackoverflow.com/ (タグ質問パネル: 興味深い、機能、ホット....)

私はサーバー側の開発者 (Java) ですが、Web デザインの経験はありません。しかし、現在、私は個人的な作品のためにこのタイプのタブパネルが必要です。

Google で検索しようとしましたが、stackoverflow.com のようなものが見つかりませんでした。このタブ パネルは見つかりまし たが、ソース コードの入手方法がわかりません。

ソースコードと同様のリンクを知っている場合、または提案がある場合は、助けてください

Answer 1

以下にいくつかのオプションを示します。

• http://jqueryui.com/tabs/
• http://twitter.github.io/bootstrap/javascript.html#tabs
• http://os.alfajango.com/easytabs/

それらはすべてオープンソースであり、簡単にダウンロードできます。それらにはすべてサンプルコードが付属しています。

それらはすべてスタイリングのカスタマイズも可能です。

以下は、お好みのスタイリングで easytabs を使用した例です。

http://jsfiddle.net/Hh95r/

.tabsとの css に特に注意してください.tabs:hover。それが境界線を追加するものです。