背景イメージをどのように選択状態に設定しますか？

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