如何将背景图像设置为选定状态？

Question

我已经使用下面的脚本来改变我的菜单项中的标签的背景图像的位置，当它悬停时。但我无法弄清楚为选定状态设置背景位置的方法。你能帮我么。

这是我用过的脚本。

$(document).ready(function() { 
    $('#nav_main li a').hover(function() { 
     height = $(this).height() * (-1); 
     $(this).stop().animate({'backgroundPosition':'(0 ' + height + ')'}, {duration:300}); 
}, function() { 
    $(this).stop().animate({'backgroundPosition':'(0 0)'}, {duration:300}); 
    }   
); 

Answer 1

参考hscripts CSS教程页面，以了解如何设置背景图像列表中的选定项目。 http://www.hscripts.com/tutorials/css/backp3.php

Answer 2

你需要有一个选择的页面信息，例如，如果你是/home/index.php可以用PHP得到变量$folder = 'home';的文件夹中。当你的主文件夹到上所有的菜单项类特殊的像myMenuItem家庭 然后设置你有这样一个jquery：

$('.myMenuItem-'+folder).stop().animate(
    {'backgroundPosition':'(0 '+($('.myMenuItem-'+folder).height() * (-1))+')'}, {duration:300});