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