jQueryで表示ページのURLを持った要素にclassを追加してみます。jQuery本体は、Google Hosted Libraries の バージョン1.9.1 を使用します。
スクリプトとサンプル
$(function() {
var path = location.href.split('/');
var pages = path.pop();
$('a[href="'+pages+'"]').parent().addClass('current');
});
★テキスト版
サンプルA
★CSSで画像指定版
サンプルB
スクリプトの処理内容
//location.hrefで取得したURLを区切り文字 / で分割し path に代入。
var path = location.href.split('/');
//path の最後尾の配列をpop()で取出して pages に代入。
var pages = path.pop();
// hrefの値が pages のaタグの親要素liにクラスcurrentを追加
$('a[href="'+pages+'"]').parent().addClass('current');
もう少しシンプルに下記でも出来ます。
//location.hrefで取得したURLを path に代入。
var path = location.href;
// hrefの値が path のaタグの親要素li に クラスcurrentを追加
$('a[href="'+path+'"]').parent().addClass('current');
こちらの場合、リンクの指定がフルパスになります。