-
預(yù)覽博客里的豎向純CSS圓角導(dǎo)航欄
2010-05-22純CSS圓角導(dǎo)航條,博客里常見(jiàn)到這東西,很不錯(cuò),色彩穩(wěn)重,風(fēng)格很耐看!這是用純CSS實(shí)現(xiàn)的,因些兼容性比較好,而且圓角的實(shí)現(xiàn)方法也很獨(dú)特,代碼很少,如果認(rèn)真研究一下,你也可以寫(xiě)出更多的圓角效果。 -
預(yù)覽這個(gè)CSS菜單比較特別
2010-05-22這個(gè)CSS菜單比較特別,估計(jì)用的地方也很特別,如果你的網(wǎng)站是黑色風(fēng)格的話,那用這款比較不錯(cuò),純CSS代碼實(shí)現(xiàn),響應(yīng)鼠標(biāo)懸停,滑過(guò)變色,它不是用的UL、LI列表,而是用的DT,因此,對(duì)不懂DT用法的朋友也是一個(gè)學(xué)習(xí)參考。 -
預(yù)覽CSS實(shí)現(xiàn)Windows風(fēng)格的菜單按鈕
2010-05-22Windows風(fēng)格的菜單按鈕,如果你不能很好掌控代碼中CSS的話,盡量不要?jiǎng)�,因�(yàn)榉孪到y(tǒng)風(fēng)格的東西一般多以灰色調(diào)為主,有一個(gè)顏色不正確,效果就會(huì)大大衰減,不能達(dá)到想要的視覺(jué)效果。 -
預(yù)覽簡(jiǎn)潔CSS 導(dǎo)航條
2010-05-22視覺(jué)挺舒服的一款小巧的網(wǎng)站導(dǎo)航條,代碼就像它的外形一樣簡(jiǎn)單,修改超方便,兼容性好,鼠標(biāo)滑過(guò)變色,配色極合理,確實(shí)很不錯(cuò)喲,而且完全是純CSS代碼實(shí)現(xiàn)。 -
預(yù)覽另類(lèi)個(gè)性豎向純CSS導(dǎo)航欄
2010-05-22為什么說(shuō)另類(lèi)呢,其實(shí)是大家不常見(jiàn)而已。鼠標(biāo)滑到菜單項(xiàng),對(duì)應(yīng)菜單項(xiàng)的文字會(huì)移動(dòng)位置,這樣很直觀的讓用戶感覺(jué)到當(dāng)前在哪一個(gè)菜單項(xiàng)上,沒(méi)有用到JS代碼,這只是一個(gè)基本的雛形,想用的朋友根據(jù)你的網(wǎng)頁(yè)布局與風(fēng)格修改一下代碼。比如菜單的底色可以引入一個(gè)漸變背景圖片,這樣就更好看了。 -
預(yù)覽帶滑過(guò)標(biāo)記的豎向排列CSS菜單
2010-05-22帶滑過(guò)標(biāo)記的豎向排列CSS菜單,完全用CSS代碼編寫(xiě),而且代碼簡(jiǎn)潔,容易修改,想使用的可以自己修改一下顏色,還是很不錯(cuò)的。 -
預(yù)覽固定在右側(cè)的CSS導(dǎo)航菜單
2010-05-22固定顯示在網(wǎng)頁(yè)右側(cè)的CSS菜單,在一些博客中通常會(huì)看到,一般作為輔助菜單,它懸浮在主菜單的上部,像著名的WordPress博客程序就采用有這種形式。同時(shí),通過(guò)這個(gè)菜單你還可以了解到CSS定位的問(wèn)題,一舉兩得。 -
預(yù)覽兩邊帶箭頭指示的CSS豎向列表菜單
2010-05-22一個(gè)完全用CSS代碼實(shí)現(xiàn)的豎向?qū)Ш讲藛危瑑蛇厧Ъ^指示,直觀、簡(jiǎn)潔、實(shí)用。當(dāng)鼠標(biāo)滑過(guò)時(shí),菜單項(xiàng)會(huì)出現(xiàn)一個(gè)方框,這里可以設(shè)定背景顏色,改成你自己喜歡的吧。 -
預(yù)覽可分級(jí)的CSS+JS豎直菜單
2010-05-22可以分級(jí)的CSS+JS豎直菜單,一般用到網(wǎng)頁(yè)兩側(cè),這款菜單不會(huì)自動(dòng)展開(kāi)和折疊,有多少級(jí)顯示多少級(jí),不過(guò)代碼超簡(jiǎn)單,幫助你學(xué)習(xí)CSS還可以。顏色什么的自己修改一下還是不錯(cuò)的,還有字體。 -
預(yù)覽DIV+CSS滑動(dòng)門(mén)(仿網(wǎng)易)
2010-05-22仿網(wǎng)易的一款簡(jiǎn)潔CSS滑動(dòng)門(mén)菜單,基于DIV+CSS,特別簡(jiǎn)潔,代碼看上去很少,但效果很好,這里只是演示,用時(shí)候把對(duì)應(yīng)選項(xiàng)卡的內(nèi)容換為你自己的,一般里面是一些LI列表之類(lèi)的,你可以在CSS里再加上一下LI的定義,這樣就完美了。 -
預(yù)覽帶缺口指向的橫向純CSS菜單
2010-05-22帶缺口指示的橫向純CSS菜單,也就是鼠標(biāo)放上后菜單出現(xiàn)缺口,可以清淅的指示出當(dāng)前的位置,而且用戶操作體驗(yàn)也不錯(cuò),個(gè)人比較喜歡這種風(fēng)格,沒(méi)有用到圖片什么的修飾性東西,因些實(shí)用性大大增強(qiáng)。 -
預(yù)覽黑藍(lán)搭配的橫向折角CSS菜單
2010-05-22黑藍(lán)搭配的橫向折角CSS菜單,亮點(diǎn)就是它的折角,完全是用CSS實(shí)現(xiàn),沒(méi)有使用任何帶有修飾性的資源圖片等。好好研究一下這段代碼,試著把折角改小一點(diǎn),這樣就會(huì)接近圓角的效果,還不錯(cuò)吧? -
預(yù)覽鼠標(biāo)右鍵菜單,仿系統(tǒng)
2010-05-22仿Windows系統(tǒng)的右鍵菜單,在網(wǎng)頁(yè)上點(diǎn)擊右鍵就會(huì)出現(xiàn)一個(gè)菜單,從而代替了網(wǎng)頁(yè)原來(lái)的菜單,讓你的網(wǎng)頁(yè)更個(gè)性一點(diǎn),還是很不錯(cuò)的哦! -
預(yù)覽一款經(jīng)典的CSS二級(jí)下拉菜單
2010-05-22一款比較經(jīng)典的CSS二級(jí)下拉導(dǎo)航菜單,初始顏色是灰色,如果不能讓你滿意,那你可以自己慢慢修改完善。兼容目前大部分瀏覽器,鼠標(biāo)滑過(guò)變色,菜單項(xiàng)目無(wú)限制擴(kuò)展,有多少顯多少,每個(gè)菜單下可以支持子分類(lèi),很實(shí)用。 -
預(yù)覽省市縣三級(jí)菜單
2010-05-22全國(guó)最新的盛市、縣三級(jí)無(wú)刷新下拉選擇菜單,技術(shù)上來(lái)說(shuō)沒(méi)有什么新奇的了,只是本菜單內(nèi)的省市縣信息是最新的,你可以直接將其保存為一個(gè)JS文件,隨時(shí)調(diào)用即可,無(wú)需數(shù)據(jù)庫(kù)支持,因些執(zhí)行速度比較快。 -
預(yù)覽響應(yīng)鼠標(biāo)變色的按鈕式藍(lán)色菜單
2010-05-22很另類(lèi)的響應(yīng)鼠標(biāo)變色的CSS菜單,看一下演示就明白了。它像一排整齊排列的按鈕一樣,鼠標(biāo)滑過(guò)后變換背景圖,操作體驗(yàn)很不錯(cuò),也很個(gè)性,比較不錯(cuò)吧。請(qǐng)?jiān)谶\(yùn)行代碼時(shí)自行下載所需圖片,一共兩張背景圖。 -
預(yù)覽CSS+JS三級(jí)滑動(dòng)菜單
2010-05-22三級(jí)滑出菜單,基于CSS+JS,默認(rèn)是灰色,它可以支持三級(jí)分類(lèi),鼠標(biāo)放上自動(dòng)展開(kāi)菜單子分類(lèi)。豎向排列,適合的場(chǎng)合也很多,有興趣的朋友可以試著美化一下,把菜單加一個(gè)背景,或者變變顏色還是不錯(cuò)的。 -
預(yù)覽酷似Windows的多級(jí)下拉菜單(仿FLASH)
2010-05-22酷似Windows的仿FLASH多級(jí)下拉菜單,動(dòng)畫(huà)展開(kāi)菜單項(xiàng),還有淡入淡出效果,很不錯(cuò)吧!不過(guò)缺點(diǎn)是完全依靠JS,不能由程序動(dòng)態(tài)控制輸出,不過(guò)也不一定,看你水平有多高啦!哈~ -
預(yù)覽CSS制作的中英文雙語(yǔ)菜單
2010-05-22CSS制作的中英文雙語(yǔ)菜單,利用SPAN屬性的原理制作。 -
預(yù)覽點(diǎn)擊文字后菜單慢慢展開(kāi)
2010-05-22點(diǎn)擊文字后才展開(kāi)的菜單,實(shí)際上點(diǎn)擊文字后展開(kāi)的是一個(gè)層,層里面放的是一個(gè)表格,菜單是在表格里,通過(guò)這個(gè)例子你會(huì)明白JS是如何控制一個(gè)DIV層展開(kāi)的,這是現(xiàn)在比較流行和通用的方法。
菜單導(dǎo)航特效Rss訂閱特效代碼搜索
菜單導(dǎo)航特效推薦
- 一個(gè)網(wǎng)頁(yè)同時(shí)出現(xiàn)選項(xiàng)卡和滑動(dòng)門(mén)的代碼
- 類(lèi)似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)門(mén)
- 這么簡(jiǎn)單就實(shí)現(xiàn)了CSS滑動(dòng)菜單(滑動(dòng)門(mén))
- 豎向選項(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)航的最佳選擇。