-
預(yù)覽像論壇上用的鼠標(biāo)感應(yīng)菜單,帶陰影
2011-02-24帶陰影效果的仿論壇感應(yīng)菜單,在discuz論壇程序中,大家都比較熟悉就是在登錄后會(huì)有一個(gè)用戶導(dǎo)航,鼠標(biāo)放上后,顯示出更加詳細(xì)的導(dǎo)航,這個(gè)菜單就實(shí)現(xiàn)這樣一種效果,它同時(shí)還封裝了一個(gè)實(shí)現(xiàn)本效果的類,大家都可方便使用,代碼中的類你可單獨(dú)拷貝出來(lái)保存為新的JS文件。 -
預(yù)覽一級(jí)橫向滑動(dòng),二級(jí)豎向下拉綜合菜單
2011-02-24一級(jí)橫向滑動(dòng),二級(jí)豎向下拉綜合菜單,這個(gè)菜單一共是三級(jí),前兩級(jí)是滑動(dòng)切換的方式,第三級(jí)主要是下拉菜單的形式,雖然簡(jiǎn)單的樣式簡(jiǎn)約,但是實(shí)現(xiàn)他們其實(shí)是很復(fù)雜的,希望從事前端開(kāi)發(fā)的朋友一同參考一下吧。 Transitio -
預(yù)覽三級(jí)CSS下拉導(dǎo)航菜單
2011-02-24三級(jí)CSS下拉導(dǎo)航菜單 onal.dtd> html xmlns=1999/xhtml>h -
預(yù)覽同一個(gè)網(wǎng)頁(yè)布局滑動(dòng)門和TAB修正版
2011-02-24同一個(gè)網(wǎng)頁(yè)布局滑動(dòng)門和TAB修正版,其實(shí)滑動(dòng)門和選項(xiàng)卡沒(méi)有太大的區(qū)別,無(wú)非是鼠標(biāo)動(dòng)作的不同而已,但是有時(shí)候在同一個(gè)網(wǎng)頁(yè)中布局兩個(gè)以上的選項(xiàng)卡,總?cè)菀桩a(chǎn)生混亂,導(dǎo)致JS出錯(cuò),如果你需要這樣做,那么就請(qǐng)參考本實(shí)例,幫你解決這個(gè)問(wèn)題。 E html PUBLIC -/ -
預(yù)覽相當(dāng)漂亮的CSS藍(lán)色滑動(dòng)門式的導(dǎo)航菜單
2011-02-24CSS版相當(dāng)漂亮的滑動(dòng)門式導(dǎo)航菜單,藍(lán)色系,立體效果,設(shè)計(jì)的非常精美,希望大家能夠喜歡哦。主菜單分為二級(jí),如果想多級(jí),可以看看代碼是如何調(diào)用的,分級(jí)后菜單結(jié)構(gòu)更加明淅,用戶體驗(yàn)更好。 -
預(yù)覽鼠標(biāo)懸停時(shí)動(dòng)態(tài)翻滾的導(dǎo)航條
2011-02-24鼠標(biāo)懸停時(shí)動(dòng)態(tài)翻滾的導(dǎo)航條,注意這里用了兩個(gè)背景圖,請(qǐng)等待網(wǎng)頁(yè)加載完成或多刷新幾次,這個(gè)是使用JavaScript實(shí)現(xiàn)的,不過(guò)代碼好像是從jQuery里摘出來(lái)的,有點(diǎn)像。 1/DT -
預(yù)覽自寫的滑動(dòng)門式菜單
2011-02-24自已寫的橫排的導(dǎo)航菜單,紅色水晶風(fēng)格,大家可以用啦,不過(guò)也有些地方需要高手指教啊,代碼里有注釋,兼容性還不錯(cuò),希望一起提高吧。 onal.dtd> -
預(yù)覽jQuery 菜單,可智能判斷是否是當(dāng)前導(dǎo)航,并加標(biāo)記
2011-02-24jQuery 菜單,可以智能判斷是否是當(dāng)前導(dǎo)航,如果是,則給當(dāng)前的菜單項(xiàng)添加一個(gè)標(biāo)記,而你的CSS文件并不需要重新定義,完全交給jQuery 來(lái)處理,現(xiàn)在有些朋友或許已經(jīng)明白了,是jQuery讓這種智能菜單變得更加有創(chuàng)意。 -
預(yù)覽圖片交換技術(shù)制作CSS鼠標(biāo)懸停菜單
2011-02-24這是一個(gè)使用了圖片交換技術(shù)制作的CSS鼠標(biāo)懸停菜單,也就是大家所說(shuō)的鼠標(biāo)經(jīng)過(guò)換色,不過(guò)本例中的菜單并沒(méi)有使用純CSS來(lái)實(shí)現(xiàn)背景換色,這里將用一幅圖片替換了背景色,因?yàn)橹饕窍胱尨蠹伊私釩SS對(duì)背景圖片控制的技巧,實(shí)際上,這里的圖片在正常使用時(shí)完全可以用CSS代碼 -
預(yù)覽CSS偽類實(shí)現(xiàn)的鼠標(biāo)滑動(dòng)圖片鏈接
2011-02-24CSS偽類實(shí)現(xiàn)的鼠標(biāo)滑動(dòng)鏈接,是一個(gè)圖片導(dǎo)航,在早期的DW中有專一制作本效果的插件,不過(guò)隨著大家CSS水平的提高,現(xiàn)在做出這種效果好像得心應(yīng)手了,因?yàn)檫@種果大家應(yīng)該都挺喜歡的。 -
預(yù)覽將滑動(dòng)門改為選項(xiàng)卡(需鼠標(biāo)點(diǎn)擊那種)的方法
2011-02-24大家都知道,滑動(dòng)門和選項(xiàng)卡在布局和結(jié)構(gòu)方面幾乎是一樣的,唯一不同的是觸發(fā)方式,這個(gè)是由JavaScript決定的,大致來(lái)講就是將onmouseover改為onclick就行了,本款選項(xiàng)卡以前是款比較流行的滑動(dòng)門,現(xiàn)在改成了選項(xiàng)卡,大家看看有什么區(qū)別。 -
預(yù)覽日本門戶網(wǎng)站的經(jīng)典選項(xiàng)卡導(dǎo)航
2011-02-24來(lái)自日本門戶網(wǎng)站的一款CSS+JavaScript選項(xiàng)卡導(dǎo)航菜單,銀灰色風(fēng)格,看來(lái)日本人和中國(guó)人的審美是接近的,都喜歡這種風(fēng)格,如果你要用的話,直接拷貝代碼部分到你的網(wǎng)頁(yè)中,注意你需要修改編碼才行,日本的編碼和中國(guó)可是不一樣哦。 日本門戶網(wǎng) -
預(yù)覽圓弧背景的導(dǎo)航菜單
2011-02-24效果個(gè)性的CSS導(dǎo)航,鼠標(biāo)經(jīng)過(guò)時(shí)出現(xiàn)有趣弧形背景,實(shí)際上,這里用CSS調(diào)用了背景,用JavaScript控制了背景的移動(dòng),用jQuery實(shí)現(xiàn)過(guò)類似的功能,整體感覺(jué)很不錯(cuò)。 -
預(yù)覽JS+CSS 六級(jí)網(wǎng)站導(dǎo)航主菜單
2011-02-24支持6級(jí)的JS+CSS網(wǎng)站導(dǎo)航主菜單,級(jí)級(jí)相信夠大家用了,外觀藍(lán)色風(fēng)格,也是使用最多的一種菜單顏色,而且菜單的兼容性非常好,支持IE6\IE7\IE8,火狐、GG瀏覽器等不同內(nèi)核的主流瀏覽器。 -
預(yù)覽菜單背景自適應(yīng)寬度的CSs實(shí)現(xiàn)方法示例
2011-02-24為了讓菜單看上去更漂亮一些,我們都喜歡用圖片去修飾菜單的背景,如果是規(guī)則圖片,那很好實(shí)現(xiàn),但是如果菜單的背景是不規(guī)則的,我們應(yīng)該如何讓它的寬度隨著菜單的文字多少而自動(dòng)適應(yīng)寬度變化呢?通過(guò)這個(gè)菜單實(shí)例,你將會(huì)明白其中的原由。 -
預(yù)覽紫羅蘭風(fēng)格CSS導(dǎo)航條
2011-02-24紫羅蘭風(fēng)格CSS導(dǎo)航條,相信你會(huì)喜歡,不信就點(diǎn)運(yùn)行看一下吧,很經(jīng)典的CSS菜單。 -
預(yù)覽橫向滑動(dòng)特效的菜單
2011-02-24橫向滑動(dòng)特效的菜單,基于CSS+JavaScript技術(shù),感覺(jué)挺不錯(cuò),放上后出現(xiàn)一個(gè)指示條會(huì)跟著鼠標(biāo)游動(dòng),類似于jQuery打造的效果,但這個(gè)卻是用JavaScript實(shí)現(xiàn)的,和JS框架沒(méi)有任何關(guān)系,而且效果也超不錯(cuò)。 -
預(yù)覽帶標(biāo)記滑動(dòng)的JS+CSS菜單
2011-02-24帶標(biāo)記滑動(dòng)的JS+CSS菜單,帶動(dòng)畫效果,本人比較喜歡,運(yùn)行一下看看效果吧。 -
預(yù)覽PNG透明圖片修飾的圓角形菜單
2011-02-24這個(gè)菜單是使用PNG透明圖片修飾的圓角,如果想換顏色,你可以把PNG圖片用圖像編輯軟件打開(kāi)換個(gè)顏色就行了,代碼真是非常簡(jiǎn)潔,很容易能看懂,這樣你就可以容易修改菜單,以適合你的網(wǎng)站需要。 -
預(yù)覽經(jīng)典的藍(lán)色豎排CSS網(wǎng)站菜單
2011-02-24一個(gè)藍(lán)色豎排的CSS導(dǎo)航菜單,比較經(jīng)典的形式,用到兩張背景圖片,分別用來(lái)修飾鏈接的背景以及鼠標(biāo)滑動(dòng)菜單變換的效果。
菜單導(dǎo)航特效Rss訂閱特效代碼搜索
菜單導(dǎo)航特效推薦
- 一個(gè)網(wǎng)頁(yè)同時(shí)出現(xiàn)選項(xiàng)卡和滑動(dòng)門的代碼
- 類似Windows風(fēng)格的導(dǎo)航菜單,CSS+JavaScript實(shí)現(xiàn)
- 從百度扒下來(lái)的Js豎直伸縮菜單
- 面試時(shí)候?qū)懙腃SS橫向二級(jí)菜單
- 定時(shí)自動(dòng)切換的選項(xiàng)卡Tab
- 行為、結(jié)構(gòu)、表現(xiàn)分離的CSS選項(xiàng)卡
- 纖細(xì)線條型CSS滑動(dòng)門
- 這么簡(jiǎn)單就實(shí)現(xiàn)了CSS滑動(dòng)菜單(滑動(dòng)門)
- 豎向選項(xiàng)卡,藍(lán)色樣式
- UL、LI 無(wú)序列表實(shí)現(xiàn)純CSS網(wǎng)站導(dǎo)航菜單
猜你也喜歡看這些
- 相關(guān)鏈接:
- 欄目說(shuō)明:
菜單導(dǎo)航:提供了大量與菜單導(dǎo)航相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找菜單導(dǎo)航的最佳選擇。