-
預(yù)覽來自GG網(wǎng)站的超酷JS導(dǎo)航代碼
2010-05-22來自GooGle網(wǎng)站的超酷JS導(dǎo)航代碼,以前有朋友說叫文字正�;蚴菆D片正常,不過這個好像是上浮啊?效果差不多,用戶體驗極佳,絕對會另你滿意。 -
預(yù)覽簡潔CSS導(dǎo)航菜單(藍(lán)色)
2010-05-22一款非常簡潔的CSS導(dǎo)航菜單,藍(lán)色風(fēng)格,來自老外網(wǎng)站,鼠標(biāo)放到每一個菜單項都會能一個提示信息,用戶體驗很好。 -
預(yù)覽半透明藍(lán)色調(diào)水平下拉導(dǎo)航條,很漂亮
2010-05-22一個半透明的水平排行的導(dǎo)航菜單,支持二級下拉,藍(lán)色風(fēng)格,鼠標(biāo)放上帶有動畫展開的效果,很不錯,很漂亮。不過有點(diǎn)不爽的地方就是代碼比較亂,而且用了JS去輸出菜單,這樣修改起來比較不方便,有時間的可以好好優(yōu)化一下。 -
預(yù)覽清新帶圓角的CSS豎向菜單
2010-05-22完全用CSS實現(xiàn)的圓角豎向?qū)Ш讲藛危貏e是下部圓角的實現(xiàn)給菜單增色不少,另外菜單本身選擇的色調(diào)看上去也很舒服,清新、自然、大氣,很不錯。 -
預(yù)覽JS操作Cookie實現(xiàn)菜單位置保存
2010-05-22用JavaScript操作Cookie實現(xiàn)菜單保存的一個實例,如果你正在編寫一個JS層拖動的功能,那么這段代碼可以幫你實現(xiàn)拖動位置的保存,讓瀏覽器去保存用戶拖動網(wǎng)頁某個層的位置,這樣是不是方便了很多? -
預(yù)覽帶動畫下拉展開的CSS滑動門
2010-05-22這個滑動門真的太好了,在雅虎網(wǎng)站扒下來的,會動畫展開的滑動門,你見過沒?過一段時間會自動合上,在yahoo首頁的郵箱登錄處有這種效果,有興趣可以比較一下。 -
預(yù)覽爆炸式菜單,點(diǎn)擊后展開
2010-05-22不知道能給它起個什么名字,就叫做“爆炸式菜單”吧,因為它的效果很像是爆炸開了,鼠標(biāo)點(diǎn)擊后會以一個五角星為基準(zhǔn)單元依次展開,可以有多次,像鏈?zhǔn)奖硪粯印? -
預(yù)覽又一個Css+JS清新的選項卡、滑動門
2010-05-22效果很不錯的WEB網(wǎng)頁TAB選項卡,另附一款滑動門,其實選項卡和滑動門的區(qū)別就是鼠標(biāo)是否點(diǎn)擊觸發(fā),如果鼠標(biāo)滑過就觸發(fā)的話那就是滑動門,點(diǎn)擊觸發(fā)也就是選項卡,兩者結(jié)構(gòu)及CSS幾乎相同,不同在JS的的觸發(fā)事件上,仔細(xì)看一下就會發(fā)現(xiàn)不同了。 -
預(yù)覽QQ菜單可折疊,JS+CSS很漂亮
2010-05-22又一個漂亮的仿QQ折疊菜單,JS+CSS技術(shù)聯(lián)合打造,菜單風(fēng)格采用暖色系,給人很舒服的感覺。除了基本的展開/折疊功能,它還可以定義漸漸展/折疊,也就是帶有動畫效果,部分布局使用了Table,因此對CSS不太熟悉的朋友也適用。 -
預(yù)覽顏色漸變的動感導(dǎo)航菜單
2010-05-22很動感的響應(yīng)鼠標(biāo)變幻背景的導(dǎo)航菜單,具有顏色漸變的效果,像FLASH動畫一樣,非常好看,只是代碼有點(diǎn)偏多,想學(xué)習(xí)的朋友可以研究一下,再人優(yōu)化一下代碼,應(yīng)該效果不錯。 -
預(yù)覽點(diǎn)擊單選框切換對應(yīng)的菜單
2010-05-22點(diǎn)擊單選按鈕,相對應(yīng)的選項會跟著改變,這是一款非常實用的小技巧,很多時候我們都能用得上,這要?dú)w功于JavaScript的功勞;另外,本段代碼也示例了用CSS布局表單的方法,那就是多用Lable,這樣能產(chǎn)生一行一列的對應(yīng)效果。 -
預(yù)覽酷似FLASH的豎向菜單
2010-05-22酷似FLASH的豎向?qū)Ш讲藛危髽?biāo)放上后,菜單背景會由下而上移動,和FLASH效果簡單一模一樣,非常不錯,用戶體驗很好,而且代碼也很簡潔,相信會給你的菜單增色不少。 -
預(yù)覽浮動的導(dǎo)航菜單
2010-05-22浮動的導(dǎo)航菜單,實際上它是一個用JS去控制移動的DIV層,在層里放入表格,這里的表格你完全可以改成DIV結(jié)構(gòu)。本菜單可隨滾動條自動定位至原始位置,初始位置在JS代碼里可修改。 -
預(yù)覽CSS 滑動門
2010-05-22又一個用純CSS代碼實現(xiàn)的簡潔滑動門,沒有用任何的JavaScript代碼,這是它可貴有價值的地方。純CSS帶給我們方便的實用性,易于修改,不懂JS也沒有關(guān)系,你可以修改為你喜歡的顏色風(fēng)格,直到你滿意! -
預(yù)覽仿QQ的下拉折疊菜單
2010-05-22仿騰訊QQ風(fēng)格一樣的下拉菜單,可以伸縮和展開,點(diǎn)擊鼠標(biāo)可以控制,這種菜單大部分人都很喜歡,因為結(jié)構(gòu)清淅,不占用網(wǎng)頁布局過多的空間,基于DIV+CSS,符合WEB標(biāo)準(zhǔn),真的很不錯哦! -
預(yù)覽仿新浪黑色網(wǎng)站導(dǎo)航菜單
2010-05-22仿新浪網(wǎng)的一款黑色背景的網(wǎng)站導(dǎo)航菜單,采用DL、DL表格布局的風(fēng)格,也可借機(jī)研究一下DD、DL是如何使用的,個人建議,最好是將DD、DL換為LI結(jié)構(gòu),這樣更習(xí)慣一些,更多人會很容易接受。 -
預(yù)覽符合標(biāo)準(zhǔn)的紅色網(wǎng)頁選項卡(簡潔)
2010-05-22符合WEB標(biāo)準(zhǔn)的一款極簡潔的網(wǎng)頁選項卡,紅色風(fēng)格,當(dāng)然,顏色是可以修改的,選項卡與滑動門的區(qū)別就是滑動門是鼠標(biāo)放上后觸發(fā),選項卡是鼠標(biāo)點(diǎn)擊后觸發(fā),其實核心程序大部分是一樣的。 -
預(yù)覽立體按鈕效果的豎直菜單
2010-05-22立體按鈕效果風(fēng)格的豎向垂直菜單,顏色大家重新修改一下,大小也可以改,完美兼容所有瀏覽器,很不錯。 -
預(yù)覽立體感很強(qiáng)的CSS暖色調(diào)導(dǎo)航Menu
2010-05-22此為一款通用的網(wǎng)站欄目導(dǎo)航條,暖色調(diào),特別之處是用CSS控制它顯示出了很強(qiáng)的立體感,鼠標(biāo)放上去的變化也是很明顯的,這種色調(diào)的菜單也不少,如果顏色不是你想要的,你可以自己改。 -
預(yù)覽淺黃色簡潔CSS欄目導(dǎo)航
2010-05-22淺黃色很多網(wǎng)站都有的簡潔CSS欄目導(dǎo)航條,響應(yīng)鼠標(biāo)變色,兼容大多WEB瀏覽器,看著也很舒服,直接復(fù)制就可用。
- 相關(guān)鏈接:
- 欄目說明:
菜單導(dǎo)航:提供了大量與菜單導(dǎo)航相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找菜單導(dǎo)航的最佳選擇。