jquery - 使用 jQuery 更改每个页面上的 CSS 属性

Question

我正在尝试为网站制作导航菜单。悬停事件 (jQuery) 更改 <div>背景位置，以便用户可以看到他指向的位置。我想要达到的最终效果是这样的:

http://jsfiddle.net/WAckU/

此解决方案的问题在于，当我单击 <li> 时(页面更改)我松开变量(背景位置重置)所以我想知道是否有任何解决方法，也许只是将 CSS 类添加到我单击的元素(类似于某些 Wordpress 主题)？ 我还想避免通过 cookie 保留值。

Answer 1

在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;
    ...
}