一個(gè)不錯(cuò)的漸顯菜單
更新時(shí)間:2007年05月07日 00:00:00 作者:
由于此菜單不易靈活改動(dòng),圖片量又大,要改欄目和增刪欄目特麻煩,得須改圖片。
因?qū)Ρ救藢?duì)此菜單做了大量改動(dòng),最終達(dá)到的效果是一樣
原網(wǎng)站那個(gè)菜單加上圖片有80多k呢,經(jīng)修改過(guò)后的菜單加上圖片大小只有4k左右,改了過(guò)后是不是小了很多呢。
改動(dòng)后的優(yōu)點(diǎn),便于修改欄目名稱,和增刪欄目,圖片量減少,無(wú)論多少欄目只需兩張圖片。
熟悉js的人還可以把它改得更簡(jiǎn)單方便呢,不過(guò)我對(duì)js還不夠了解,所以就等高手改更簡(jiǎn)單的效果吧!
補(bǔ)充一點(diǎn): 這個(gè)效果在FF下不能實(shí)現(xiàn),其它瀏覽器,我也沒(méi)有測(cè)試,只在IE6.0下測(cè)試通過(guò).
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
因?qū)Ρ救藢?duì)此菜單做了大量改動(dòng),最終達(dá)到的效果是一樣
原網(wǎng)站那個(gè)菜單加上圖片有80多k呢,經(jīng)修改過(guò)后的菜單加上圖片大小只有4k左右,改了過(guò)后是不是小了很多呢。
改動(dòng)后的優(yōu)點(diǎn),便于修改欄目名稱,和增刪欄目,圖片量減少,無(wú)論多少欄目只需兩張圖片。
熟悉js的人還可以把它改得更簡(jiǎn)單方便呢,不過(guò)我對(duì)js還不夠了解,所以就等高手改更簡(jiǎn)單的效果吧!
補(bǔ)充一點(diǎn): 這個(gè)效果在FF下不能實(shí)現(xiàn),其它瀏覽器,我也沒(méi)有測(cè)試,只在IE6.0下測(cè)試通過(guò).
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
CSS實(shí)現(xiàn)同一背景圖的導(dǎo)航菜單
通過(guò)CSS來(lái)實(shí)現(xiàn)這個(gè)效果,背景圖只有一張,但是鼠標(biāo)經(jīng)過(guò)各導(dǎo)航菜單選項(xiàng)時(shí),卻看到不同的背景圖。2010-07-07騰訊QQ網(wǎng)頁(yè)在線客服,隱藏在網(wǎng)頁(yè)一側(cè)的隱現(xiàn)效果二
騰訊QQ網(wǎng)頁(yè)在線客服,隱藏在網(wǎng)頁(yè)一側(cè)的隱現(xiàn)效果二...2007-03-03騰訊QQ網(wǎng)頁(yè)在線客服,隨網(wǎng)頁(yè)滾動(dòng)條上下移動(dòng)的效果一
騰訊QQ網(wǎng)頁(yè)在線客服,隨網(wǎng)頁(yè)滾動(dòng)條上下移動(dòng)的效果一...2007-03-03代碼經(jīng)過(guò)精簡(jiǎn)后的仿QQ折疊菜單代碼
代碼經(jīng)過(guò)精簡(jiǎn)后的仿QQ折疊菜單,以前發(fā)過(guò)的,不過(guò)這個(gè)是經(jīng)過(guò)幾輪代碼精簡(jiǎn)后的一個(gè)版本,而且在各瀏覽器下的表現(xiàn)也很不錯(cuò),兼容性沒(méi)出問(wèn)題。2010-09-09超酷的鼠標(biāo)拖拽翻頁(yè)(分頁(yè))效果實(shí)現(xiàn)javascript代碼
超酷的鼠標(biāo)拖拽翻頁(yè)(分頁(yè))效果實(shí)現(xiàn)javascript代碼,非常的不錯(cuò)。2009-09-09