Навигация на спрайтах с эффектом фокуса

28.10.2021
Использование в css

#navlist{position:relative;} #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}

#navlist li, #navlist a{height:44px;display:block;}

#home{left:0px;width:46px;} #home{background:url(‘image/img_navsprites_hover.gif’) 0 0;}

#home a:hover{background: url(‘image/img_navsprites_hover.gif’) 0 -45px;}

#prev{left:63px;width:43px;} #prev{background:url(‘image/img_navsprites_hover.gif’) -47px 0;}

#prev a:hover{background: url(‘image/img_navsprites_hover.gif’) -47px -45px;}

#next{left:129px;width:43px;} #next{background:url(‘image/img_navsprites_hover.gif’) -91px 0;} #next a:hover{background: url(‘image/img_navsprites_hover.gif’) -91px -45px;}