[JQuery]선택한 아이콘 이미지 URL경로로 처리

사이드메뉴의 경우 6개 정도 메뉴가 아이콘으로 들어가 아이콘마다 이미지가 다르고 hover 이미지가 따로 있을 때, 선택한 아이콘 경로로 이동했을 하면 hover 효과가 필요할 때가 있다.

$(document).ready(function(){

var pathname = $(location).attr('pathname'); // 현재 URL 경로이름을 가져온다.

switch(pathname)

{

case '/my/page01.asp':

$('.my-icon01').css({"background":"url(/images/sub/page01.png) no-repeat center 19px" }); 

$('.my-icon01 a').css({"color":"#ed1651"}); 

break;

case '/my/page02.asp':

$('.my-icon02').css({"background":"url(/images/sub/page02.png) no-repeat center 19px" }); 

$('.my-icon02 a').css({"color":"#ed1651"}); 

break;

case '/my/page03.asp':

$('.my-icon03').css({"background":"url(/images/sub/page03.png) no-repeat center 19px" }); 

$('.my-icon03 a').css({"color":"#ed1651"}); 

break;

case '/my/page04.asp':

$('.my-icon04').css({"background":"url(/images/sub/page04.png) no-repeat center 19px" }); 

$('.my-icon04 a').css({"color":"#ed1651"});

break;

case '/my/page05.asp':

$('.my-icon05').css({"background":"url(/images/sub/page05.png) no-repeat center 19px" }); 

$('.my-icon05 a').css({"color":"#ed1651"}); 

break;

case '/my/page06.asp':

$('.my-icon06').css({"background":"url(/images/sub/page06.png) no-repeat center 19px" }); 

$('.my-icon06 a').css({"color":"#ed1651"}); 

break;

}

});