-
預(yù)覽多瀏覽器兼容的純CSS橫向?qū)Ш綏l
2012-05-24兼容性好,符合WEb標(biāo)準(zhǔn),又一個(gè)顏色搭配和諧的純CSS代碼實(shí)現(xiàn)的滾動(dòng)條,支持二級(jí)下拉,感覺還可以哦。 -
預(yù)覽圓角的純CSS下拉導(dǎo)航菜單
2012-05-24這個(gè)菜單沒有使用任何的圖片,完全是用CSS實(shí)現(xiàn)的,包括圓角效果也同樣是,而且還考慮了多瀏覽器的兼容性,可以說非常不錯(cuò),既兼容性好,又外觀漂亮,下拉導(dǎo)航菜單目前比較流行,好好感覺一下本款菜單,將顏色試著修改一下,達(dá)到和您網(wǎng)站完美搭配的效果。 -
預(yù)覽純CSS圓角導(dǎo)航菜單
2012-05-24純CSS實(shí)現(xiàn)漂亮的圓角邊界菜單,超不錯(cuò)的效果,沒有用到圖片,全部是CSS寫出來的,佩服作者的水平吧? -
預(yù)覽超帥的CSS菜單導(dǎo)航(當(dāng)前項(xiàng)帶下劃線)
2012-05-22當(dāng)前項(xiàng)帶下劃線的標(biāo)準(zhǔn)CSS菜單,當(dāng)鼠標(biāo)停留在菜單某項(xiàng)的時(shí)候,菜單下方會(huì)出現(xiàn)下載線,清淅的導(dǎo)示出菜單的當(dāng)前位置,而且色彩與背景的搭配很合理,整個(gè)CSS菜單視覺效果挺棒! -
預(yù)覽B2B網(wǎng)站上常用的TAB選項(xiàng)卡
2012-05-08一個(gè)B2B網(wǎng)站上常用的TAB選項(xiàng)卡菜單,請(qǐng)先運(yùn)行一下看效果,代碼有點(diǎn)復(fù)雜,關(guān)鍵是沒有優(yōu)化好,很多地方可以繼續(xù)優(yōu)化,特別是CSS代碼部分,用的朋友根據(jù)你的情況好好精簡(jiǎn)一下代碼,其實(shí)菜單還是很不錯(cuò)的。 -
預(yù)覽縱向無序的CSS列表菜單
2012-05-08縱向無序的CSS列表菜單,個(gè)性有了,就是不知道實(shí)用不,豎向排列的字母是一個(gè)一個(gè)實(shí)現(xiàn)的,因此有些麻煩,不過菜單不是經(jīng)常修改的東西,還是可以用的。 -
預(yù)覽B2B網(wǎng)站的滑動(dòng)門,可以定義某個(gè)TAB是否滑動(dòng)切換
2012-05-08B2B網(wǎng)站的滑動(dòng)門,可以定義某一個(gè)TAB是否滑動(dòng)切換,有時(shí)候我們需要讓某一個(gè)滑動(dòng)門的菜單不滑動(dòng),有其它用途,你可以參考一下本代碼,本代碼原型是從一個(gè)B2B網(wǎng)站上扒下來的。 -
預(yù)覽CSS仿迅雷的網(wǎng)站導(dǎo)航
2011-10-11CSS仿迅雷的網(wǎng)站導(dǎo)航,藍(lán)色風(fēng)格,很大氣的菜單,導(dǎo)航項(xiàng)鼠標(biāo)經(jīng)過時(shí)切換背景,符合大家的使用習(xí)慣 ,菜單兼容性也不錯(cuò),在IE、火狐下都有較好表現(xiàn),希望大家喜歡。 -
預(yù)覽jQuery選項(xiàng)卡實(shí)戰(zhàn)示例
2011-02-25一款基于jQuery的選項(xiàng)卡實(shí)戰(zhàn)示例,比較實(shí)用的一個(gè)教程,希望通過此教程讓大家掌握如何使用jQuery創(chuàng)建一個(gè)選項(xiàng)卡標(biāo)簽,這是目前WEB前端設(shè)計(jì)比較流行的一款功能。 -
預(yù)覽js實(shí)現(xiàn)無限級(jí)樹形導(dǎo)航列表
2011-02-25js實(shí)現(xiàn)無限級(jí)樹形下拉導(dǎo)航菜單,簡(jiǎn)潔實(shí)用,用到一個(gè)已封裝好的JS類,有用的大家借鑒一下。 -
預(yù)覽灰色會(huì)換色MAC官方菜單純CSS實(shí)現(xiàn)
2011-02-24MAC官方網(wǎng)站的菜單,實(shí)際上是看著好看,但看了代碼感覺不太實(shí)用,因?yàn)闉榱藢?shí)現(xiàn)這么一個(gè)效果代碼太繁瑣,而且菜單修改起來也極不方便,建議大家以學(xué)習(xí)的態(tài)度閱讀源碼.請(qǐng)注意里面的背景圖片是png透明,所以必須在 li 中設(shè)置顏色以擋住 ul 的背景圖與 -
預(yù)覽一個(gè)選項(xiàng)卡Tab的雛形
2011-02-24自己封裝了一個(gè)選項(xiàng)卡Tab的雛形,鼠標(biāo)放上去就看到效果了,沒有修飾,顯得有些粗糙。這里說明一下用法:修改部分 tabs(nav,bb) nav bb對(duì)應(yīng)導(dǎo)航和內(nèi)容的id,腳本首行 tag1,tag2是對(duì)應(yīng)標(biāo)簽名 addclass是鼠標(biāo)一上去的導(dǎo)航樣式 checkNav -
預(yù)覽超漂亮自適應(yīng)的導(dǎo)航菜單,純CSS寫的
2011-02-24我覺得這個(gè)菜單非常漂亮,暖色調(diào),而且 是用純CSS技術(shù)實(shí)現(xiàn),每個(gè)菜單項(xiàng)會(huì)自動(dòng)適應(yīng)其寬度,達(dá)到完美無暇,兼容性也很好,至于字體顏色以及鏈接的顏色等,這些你都可以再加工,不多說了,想看效果的先運(yùn)行一下吧。 -
預(yù)覽JavaScript+CSS雙層嵌套的滑動(dòng)門導(dǎo)航塊
2011-02-24JavaScript+CSS聯(lián)合完成一個(gè)特別的滑動(dòng)門功能,讓兩個(gè)滑動(dòng)塊分里面兩層嵌套在一起,其實(shí)這種使用價(jià)值不太大,只不過這里可以當(dāng)作一個(gè)技術(shù)問題來共同探討,要注意一下CSS中的margin那里調(diào)節(jié)各個(gè)li之間的距離,position是保證下邊框的出現(xiàn),其它的請(qǐng)看代碼里的注釋吧。 ! -
預(yù)覽一個(gè)簡(jiǎn)易的CSS/JS滑動(dòng)門
2011-02-24寫這個(gè)滑動(dòng)門純屬是為了練手,剛接觸WEB前端沒多長(zhǎng)時(shí)間,也算是對(duì)自己的一個(gè)總結(jié)吧,看了很多的滑動(dòng)門和滑動(dòng)菜單的資料,總算寫出來了一個(gè)像樣的,雖然外觀不怎么樣,但可以兼容火狐,還請(qǐng)老前輩們不要笑話,以后有好多西再請(qǐng)大家批評(píng)。 W3C -
預(yù)覽CSS仿支付寶菜單,自己親手寫的
2011-02-24又一個(gè)漂亮的CSS仿支付寶菜單,總體風(fēng)格和形式與支付寶的菜單沒什么兩樣,細(xì)心會(huì)發(fā)現(xiàn)這是一個(gè)CSS愛好者自己手功完成 的,自己美化圖片,重寫CSS代碼,為作者給我們奉獻(xiàn)這么好的菜單而表示感謝。 -
預(yù)覽純CSS實(shí)戰(zhàn)豎向?qū)Ш讲藛?/a>
2011-02-24純CSS實(shí)戰(zhàn)豎向?qū)Ш讲藛�,這也算是一個(gè)典型的CSS菜單啦,這里要用到兩個(gè)背景圖片,在鼠標(biāo)動(dòng)作時(shí)分別加載不同的背景圖片,以達(dá)到反差給人的清新效果,其實(shí)這種菜單的制作是很簡(jiǎn)單的,代碼量不大,作為初級(jí)者的教程還是很不錯(cuò)的。 -
預(yù)覽一個(gè)自動(dòng)切換的Tab選項(xiàng)卡(滑動(dòng)門)
2011-02-24一個(gè)可以自動(dòng)切換的選項(xiàng)卡,或者說是滑動(dòng)門,本來這兩個(gè)東西就相關(guān)不大,有興趣的朋友研究一下,它除了自己播放每個(gè)選項(xiàng)卡內(nèi)的內(nèi)容外,也響應(yīng)鼠標(biāo)的動(dòng)作,鼠標(biāo)放上后即可響應(yīng)變換內(nèi)容,因主要想表現(xiàn)功能及代碼,因此沒有過多修飾,顯得異常簡(jiǎn)潔。 -
預(yù)覽CSS仿迅雷視頻首頁導(dǎo)航條(藍(lán)色)
2011-02-24這個(gè)導(dǎo)航條做的不錯(cuò),是模仿迅雷視頻網(wǎng)站的,完全基于CSS和HTML代碼,大氣清新,請(qǐng)運(yùn)行一下看看效果如何。 onal.dtd> html xml -
預(yù)覽CSS+Js遮罩效果的TAB及焦點(diǎn)圖片切換
2011-02-24CSS+Js圖片切換技術(shù),類似的已有不少了,這一個(gè)使用了遮罩過渡的效果,同樣應(yīng)用到了TAB選項(xiàng)卡上,本頁面僅是為了演示,大家用時(shí)候把它拆分開來,這個(gè)效果也對(duì)學(xué)習(xí)圖片效果制作很有幫助。
菜單導(dǎo)航特效Rss訂閱特效代碼搜索
菜單導(dǎo)航特效推薦
- 一個(gè)網(wǎng)頁同時(shí)出現(xiàn)選項(xiàng)卡和滑動(dòng)門的代碼
- 類似Windows風(fēng)格的導(dǎo)航菜單,CSS+JavaScript實(shí)現(xiàn)
- 從百度扒下來的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 無序列表實(shí)現(xiàn)純CSS網(wǎng)站導(dǎo)航菜單
猜你也喜歡看這些
- 相關(guān)鏈接:
- 欄目說明:
菜單導(dǎo)航:提供了大量與菜單導(dǎo)航相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找菜單導(dǎo)航的最佳選擇。