jquery - jQuery を使用して各ページの CSS プロパティを変更する

Question

Web サイトのナビゲーション メニューを作成しようとしています。ホバー イベント (jQuery) は<div>背景の位置を変更して、ユーザーが指している場所を確認できるようにします。私が達成したい最終的な効果は次のようになります。

http://jsfiddle.net/WAckU/

このソリューションの問題は、<li>(ページの変更) をクリックすると変数が失われることです (背景の位置がリセットされます)。 )? また、Cookie による値の永続化も避けたいと思います。

Answer 1

各ページで必要な値に変数を初期化しないのはなぜですか? または、例外を作成したくない場合は、js に URL を見て、それがどこにあるかを把握させます。

Answer 2

window.location.href で現在のページを確認し、それに応じて最初に背景画像を設定します

var currentpage = window.location.href.split("/").pop();
switch(currentpage){
    case "page1.php": $(".topmenu").css('background-position', position1);break;
    case "page2.php": $(".topmenu").css('background-position', position2);break;
    ...
}