-
預(yù)覽陰影菜單,Div+Js版,微軟以前網(wǎng)站曾用過
2012-11-13Div+Js實(shí)現(xiàn)的陰影菜單,微軟以前老版網(wǎng)站首頁曾用過,用以索引出Windows產(chǎn)品家族的所有產(chǎn)品,本菜單僅實(shí)現(xiàn)了一個雛形,想實(shí)現(xiàn)像微軟一樣的效果,估計(jì)還需要做不少工作。放出來的目的是供學(xué)習(xí)CSS的朋友做參考。 -
預(yù)覽純CSS+XHTML打造簡約下拉菜單
2012-11-13簡約下拉菜單,基于純CSS+XHTML制作實(shí)現(xiàn),一方面是想表現(xiàn)菜單,另一方面是想說明如何固定菜單下方的DIV,說起來還有點(diǎn)復(fù)雜,你最好看看代碼吧,本人表達(dá)能力欠佳,怕越說越糊涂了,上邊的二級菜單展開的時候,下邊的Div不隨菜單往下墜,因?yàn)橐郧昂芏嗯笥讯加龅竭^菜單展開后影響到其它DIV的情況。 -
預(yù)覽JS模擬的QQ面板上的多級可展開的菜單
2012-11-13JavaScript結(jié)合 CSS完成QQ聊天面板菜單的功能,點(diǎn)擊某一項(xiàng)菜單后,開始展開,再次點(diǎn)擊則關(guān)閉,支持多級(三級),代碼中預(yù)留有用于修飾的背景圖像代碼,請根據(jù)你的實(shí)際需要補(bǔ)全,應(yīng)該是非常實(shí)用的。 -
預(yù)覽傳統(tǒng)的菜單用CSS來實(shí)現(xiàn)(簡單)
2012-11-09較簡單的傳統(tǒng)網(wǎng)站導(dǎo)航,用CSS來實(shí)現(xiàn),新手可以研究一下,學(xué)習(xí)CSS比較有用哦,都是最基礎(chǔ)的CSS知識完成的。本菜單有一個技術(shù)要點(diǎn)需要說一下,就是用inline-block解決float:left后,對象無法居中的問題。 -
預(yù)覽仿門戶網(wǎng)騰訊的頭部導(dǎo)航菜單
2012-11-09感覺很不錯的門戶網(wǎng)站導(dǎo)航菜單,這是騰訊網(wǎng)站頭部的導(dǎo)航菜單,簡潔、明快但不失大氣,符合W3C標(biāo)準(zhǔn),兼容IE、火狐等眾多瀏覽器類型,代碼精簡,修改完善方便。 -
預(yù)覽JS+CSS點(diǎn)擊收縮展開的豎直菜單
2012-11-09JavaScript+CSS聯(lián)合打造可以展開,可以折疊收起的豎向菜單欄,沒有經(jīng)過美化處理,主要是想展示功能的實(shí)現(xiàn),自我感覺不錯,相信美化一下還是很不錯的。 -
預(yù)覽每一個菜單項(xiàng)都可以關(guān)閉的豎排導(dǎo)航欄
2012-11-09CSS+JS完成的菜單效果,每一個菜單項(xiàng)都可以關(guān)閉,從技術(shù)上來說,是用JavaScript移除了相應(yīng)的菜單層或標(biāo)簽,層的關(guān)閉與展開也就是根據(jù)此原理做成的,本菜單為了演示其功能,因此沒有過多美化,請根據(jù)你的網(wǎng)頁布局和色調(diào)自行調(diào)整。 -
預(yù)覽仿東京商城菜單、仿Win右鍵菜單、仿淘寶TAB整合特效
2012-11-09這是一個非常好的實(shí)用菜單整合特效,有多級下拉菜單、仿東京商城的拉出式菜單、仿Windows的右鍵菜單,仿淘寶的標(biāo)簽Tab菜單,每一個都是精彩,代碼中附有豐富的注釋,便于你的學(xué)習(xí)和修改。 -
預(yù)覽純CSS制作雙語導(dǎo)航條
2012-11-09又一個純CSS的雙語導(dǎo)航菜單欄,巧妙的使用了span元素,再加上鼠標(biāo)動作,一個類似提示的雙語菜單就完成了。運(yùn)行一下看看效果吧,簡潔實(shí)用,修改方便。 -
預(yù)覽CSS二級菜單,圓角兼容性好
2012-11-07CSS二級菜單,圓角形兼容性好,這里的圓角是基于圖片的,也就是調(diào)用的外部圖片。菜單支持二級分類,個人感覺很實(shí)用。 -
預(yù)覽Windows 風(fēng)格選項(xiàng)卡標(biāo)簽
2012-11-07Windows 風(fēng)格的選項(xiàng)卡標(biāo)簽,主要是指顏色和樣式風(fēng)格和系統(tǒng)的幾乎是一樣的,只不過這是用JS模擬的,作者水平真高哦,如果你想建立一個仿WINDOWS一樣的網(wǎng)頁的話,這種風(fēng)格值得借鑒的。 -
預(yù)覽CSS+JS圓角下拉菜單
2012-11-07相信不少朋友會喜歡的一款菜單,CSS+JS圓角下拉菜單,沒有使用任何修飾性的圖片哦,圓角完全是用JS完成的,因此代碼多了些,想使用的朋友把JS文件提取出來另存,這樣更合理些。 -
預(yù)覽純CSS標(biāo)準(zhǔn)型下拉菜單
2012-11-07符合標(biāo)準(zhǔn)、樣式標(biāo)準(zhǔn)的純CSS下拉菜單,鼠標(biāo)放上就會看到效果了,通用性很強(qiáng),適合大多數(shù)網(wǎng)站,希望大家喜歡。 -
預(yù)覽適應(yīng)產(chǎn)品類網(wǎng)站點(diǎn)擊向兩側(cè)展開的菜單
2012-11-07適應(yīng)產(chǎn)品類網(wǎng)站點(diǎn)擊向兩側(cè)展開的菜單,注意,用了節(jié)省加載,去掉了大部分菜單項(xiàng),這里的“品牌手機(jī)”是作為一級分類的,點(diǎn)擊后出現(xiàn)對應(yīng)的品牌,如果你有另外的比如“筆記本”大分類,你可以復(fù)制上邊的代碼,注意onclick=menuclick(submenu6,bar6) id=bar6這一句要做相應(yīng)修改,不能和已有菜單重名。 -
預(yù)覽利用cookie記憶當(dāng)前位置的防刷新導(dǎo)航
2012-11-07利用cookie記憶當(dāng)前位置的防刷新導(dǎo)航條,主要向大家展示如何在Js中使用Cookies技術(shù),用好了Cookies,會使你的Js技術(shù)更上一層樓。這個菜單就感覺不錯,當(dāng)你鼠標(biāo)點(diǎn)擊之后,重新刷新頁面后它仍然是保留在原位置,好像帶有記憶功能。 -
預(yù)覽CSS 滑動門,自己寫的,沒有圖片
2012-11-07自己寫的CSS滑動門,藍(lán)色經(jīng)典風(fēng)格,沒有使用任何的修飾圖片,清新自然,網(wǎng)戶網(wǎng)站都在用,個人感覺還行吧。 -
預(yù)覽DIV學(xué)寫帶動畫的CSS+JS下拉導(dǎo)航條
2012-11-06自己學(xué)習(xí)DIV寫的帶動畫效果的CSS+JS下拉導(dǎo)航菜單,因?yàn)槭菍W(xué)習(xí)的,所以難免有不足之處,敬請指正!請注意,菜單在拉出來的時候要點(diǎn)擊一下主菜單,這樣滑出的菜單才不會消失。感謝模板無憂收錄。 -
預(yù)覽清新選項(xiàng)卡(一個頁面布局兩個)
2012-11-06一個橫排的清新選項(xiàng)卡,在一個頁面布局兩個,把上面的two復(fù)制,把two改成three,或任何一個不同名的id。代碼中含有豐富注釋,應(yīng)該都能看懂的,淡藍(lán)色風(fēng)格,也是使用比較多的一種,希望大家喜歡,同時也為一些朋友不知如何在同一頁布局多個選項(xiàng)卡提供一個參考實(shí)例。 -
預(yù)覽橫向三級展開的CSS菜單
2012-11-06很實(shí)用的橫向三級展開的CSS導(dǎo)航菜單,暖色調(diào),用在產(chǎn)品類的導(dǎo)航比較適合,從國外IT網(wǎng)站摳下來的,想用的朋友再把代碼好好優(yōu)化一下,現(xiàn)在已經(jīng)很簡了。 -
預(yù)覽近來門戶網(wǎng)常用的文字與圖片切換效果
2012-11-06近來門戶們都喜歡用的特效,左側(cè)是一個大圖片,右側(cè)是對應(yīng)文字,鼠標(biāo)移動時,對應(yīng)行的文字會變化,圖片也相應(yīng)的切換,如果沒有鼠標(biāo)動作時,它會自己播放,播放時間可調(diào)整,個人感覺挺不錯的導(dǎo)航效果。
- 相關(guān)鏈接:
- 欄目說明:
菜單導(dǎo)航:提供了大量與菜單導(dǎo)航相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找菜單導(dǎo)航的最佳選擇。