LeaveNoticeを参考に、いろいろカスタマイズしています。

• 外部リンクは新ウィンドウ（タブ）で開く
• 同じウィンドウで開くか新ウィンドウで開くか選択できる
• URLは常に表示する
• title属性はある場合だけURL上に表示
• 「この画面を次回移行表示しない」チェックボックスを追加
  （検証用：チェックを解除）

rel=”external” or target=”_blank” or class=”outlink” 属性のあるリンク：
自動で確認画面＋新しいタブ＋クラス「outlink」付与

Yahoo!JAPAN

twitter

Google（タイトル属性無し）

長いURLの省略表示サンプル

※rel=”external” または target=”_blank”と、ヘッダ内に記述する個別フラグ（下記）を同時に設定するのはNG。

個別設定→クラス「time5」のリンク：
自サイト名「サンプルサイト」、5秒後に自動遷移

MSN Japan（5秒後に自動遷移）

jQuery(function(){
jQuery('a.time5').leaveNotice({
siteName:"サンプルサイト",
timeOut:5000 });
});

個別設定→クラス「custom」のリンク：その他オプション

参考：LeaveNotice

jQuery('a.custom').leaveNotice({
siteName:"Labrid WP",
exitMessage:"<h3>Say goodbye to {SITENAME}!</h3><p>Thanks. Shut the door behind you!</p>",
preLinkMessage:"<hr/><p>Have fun at:<br/><strong>{URL}</strong></p><hr/>",
overlayId:"custom-blackout",
messageBoxId:"custom-messageBox",
messageHolderId:"custom-messageHolder",
overlayAlpha:0.6
});

※IE6：×

※IE6での表示に対応しました。

jStyler

cookieにも対応。
文字サイズ変更等に最適！

jQueryでちょっと小粋なアニメエフェクトを追加するテクニックが紹介されています。

流行の lightbox（Labrid WP でも使っている、画像をクリックすると周囲が暗くなり画像だけが画面中央にハイライト拡大表示されるエフェクト）もいいですが、猫も杓子も・・・的なところがあります。
こういったエフェクトをオリジナルに付け加えられる技術はぜひ持っておきたいところです。

jQuery 関連情報

• jQuery 1.3.2 日本語リファレンス
• jQueryサンプル集 | DesignWalker
• All About：タグ「jQuery」の記事一覧