タグ

タブに関するs5-styleのブックマーク (3)

  • Ben Alman » jQuery hashchange event » Examples » hashchange event

    Ben Alman » jQuery hashchange event » Examples » hashchange event The hash, it's a-changin'... Project Home, Documentation, Source Your generous donation allows me to continue developing and updating my code! jQuery hashchange event enables very basic bookmarkable #hash history via a cross-browser window.onhashchange event. Click, and watch as the magic happens! Note that there is absolutely no Ja

    s5-style
    s5-style 2010/12/07
    タブ切り替えなどハッシュフラグメントリンクをクリックしたときにhashchangeイベントを発生させて、ブラウザの「戻る」「進む」に保存。
  • [JS]jQueryで実装するアクセシブルでフレキシブルなタブ

    jQuery Accessible Tabs - How to make tabs REALLY accessible demo スクリーンリーダー、スクリプトオフ時の対応をはじめ、タブ箇所の充分なホットスポット、アクティブなタブのハイライト、a href="#"の不使用、キーボードでの操作などを配慮して実装したとのことです。 オプションでは、タブに使用する要素やクラス名、パネル表示のモーション、スピードなどを設定できます。 デモは他に、YAMLを使用したものも公開されています。

    s5-style
    s5-style 2009/03/06
    タブ切替えを実装するスクリプト。 スクリーンリーダー、スクリプトオフ時の対応をはじめ、タブ箇所の充分なホットスポット、アクティブなタブのハイライト、aタグの不使用、キーボードでの操作などを配慮しています
  • [JS]シンプルなタブを実装する超軽量(5KB)のスクリプト -SimpleTabs

    jQueryなど他のスクリプトに依存せず、シンプルなタブコンテンツを実装する超軽量(5KB)のスクリプト「SimpleTabs」を紹介します。 SimpleTabs タブとパネルは、それぞれリストとdiv要素で実装されています。 タブとパネルの対応は実装の順番通りになるため、IDなどでのコントロールは不要となっています。 また、ブラウザのクッキーを利用して、最後にアクティブにされたタブを保存し、再アクセスした際にそのタブをアクティブにします。

    s5-style
    s5-style 2009/01/30
    jQueryなど他のスクリプトに依存せず、シンプルなタブコンテンツを実装する超軽量(5KB)のスクリプト
  • 1