# Creating 2 level menu using single sprite image

**URL:** <https://forum.kirupa.com/t/creating-2-level-menu-using-single-sprite-image/273220>\
**Category:** web dev\
**Created:** [October 13, 2008, 8:50am UTC](https://forum.kirupa.com/t/creating-2-level-menu-using-single-sprite-image/273220 "2008-10-13T08:50:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![IseeAC](https://avatars.discourse-cdn.com/v4/letter/i/2acd7d/32.png) [@IseeAC](https://forum.kirupa.com/u/IseeAC)\
**Post date:** [October 13, 2008, 8:50am UTC](https://forum.kirupa.com/t/creating-2-level-menu-using-single-sprite-image/273220/1 "2008-10-13T08:50:40Z")

</div>

I have a sprite which is a two level menu. On Rollover of first level menu, the selected item gets highlighted and reveals its second level menu, on rollover of the second level menu, its selected item gets highlighted.

/_Sprite image layout_/

* * *

## First level

## First level Rollover

## Second level

## Second level Rollover

Can any one please point to any resource or help on how to [COLOR=black][FONT=Verdana]achieve the state changes[/FONT][/COLOR].

Thanks