배경 이미지를 선택한 상태로 설정하는 방법은 무엇입니까?

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

당신은 당신이 PHP에서 변수 $folder = 'home';를 얻을 수 /home/index.php 폴더에있는 경우, 예를 들어, 선택한 페이지 정보가 필요합니다. 당신이 홈 폴더에 도착하면 는 당신은이 같은 jQuery를 가지고 특별 클래스 myMenuItem 가정 같은 모든 메뉴 항목 설정 :

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