jqueryで実装する6つの機能

リンクアイコン

PDFアイコン、別窓アイコンなど、hrefの値によってclassをはき出します。

<ul class="links">
<li class="external"><a href="http://www.hoge.com">hoge com</a></li>
<li class="pdf"><a href="/hoge.pdf">hoge（256KB）</a></li>
</ul>

もちろんimgタグをはき出すことも可能。

ストライプテーブル

テーブルセルの背景色を交互に変更。 class="odd"やclass="even"。

CSSセレクタ

ie6では実装されていないCSSセレクタを実装。 classをはき出します。

• first-child
• last-child

など。

IE6の縦マージンの制御

モダンブラウザでは隣接セレクタ、first-childを駆使すれば、divなしで縦マージンを制御できます。 が、IE6では対応していないので、それぞれの条件に合ったクラスを付与します。

カレント表示

グローバルナビ、ローカルナビのカレント表示を実装。 urlを解析するのは面倒なので、パンくずを元にグローバルナビ、ローカルナビにclass="current"を付与します。

スムーズスクロール

jqueryのプラグイン、interface.jsによる実装。 http://interface.eyecon.ro/