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

看板Web_Design作者 (我的生命因你而發光)時間16年前 (2009/08/29 11:20), 編輯推噓5(503)
留言8則, 7人參與, 最新討論串1/1
先看這個網站 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

08/29 11:32, , 1F
每個LI的背景 然後利用HOVER去變換背景的位置
08/29 11:32, 1F

08/29 11:35, , 2F
1.搜尋CSS Sprite 2.要用到js 搜尋css menu就很多了
08/29 11:35, 2F

08/29 11:45, , 3F
dreamweaver的spry功能就可以做的到了
08/29 11:45, 3F

08/29 21:57, , 4F
就是一樓的方法
08/29 21:57, 4F

08/29 22:09, , 5F
google搜尋也是用類似的方法 而且更複雜
08/29 22:09, 5F

08/29 22:09, , 6F
08/29 22:09, 6F

08/30 01:40, , 7F
範例不就在你貼的網頁上嗎 可以參考他的寫法啊...
08/30 01:40, 7F

09/15 00:48, , 8F
要不要轉CodeJob?
09/15 00:48, 8F
文章代碼(AID): #1Ac9w7pY (Web_Design)