[問題] 如何像奇摩商業，只利用一張圖做出CSS導覽列效果?

[jami520 (我的生命因你而發光)]

先看這個網站

http://tw.biz.yahoo.com/

導覽列用到的圖案為http://l.yimg.com/f/i/tw/biz/i9/bg_nav.png

像這樣效果有沒有人可以做一個簡單範例示範一下呢? (只要一個按鈕即可)


另外次選單移動按鈕時候就會出現，這樣CSS要如何寫呢? 謝謝~

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 123.193.218.254
推 Canboo:每個LI的背景 然後利用HOVER去變換背景的位置
推 tomin:1.搜尋CSS Sprite  2.要用到js 搜尋css menu就很多了
推 nomoty:dreamweaver的spry功能就可以做的到了
推 edl2000:就是一樓的方法
推 darKyle:google搜尋也是用類似的方法 而且更複雜
→ darKyle:http://www.google.com/images/nav_logo4.png 原始圖片
→ aceone:範例不就在你貼的網頁上嗎 可以參考他的寫法啊...
→ buganini:要不要轉CodeJob?