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

Answer 2

为什么不将变量初始化为每页上所需的值？或者，如果您不想例外，请让 js 查看 url 以找出它在哪里。