10個令人敬畏的JavaScript CSS菜單
深圳網(wǎng)站制作每一個網(wǎng)頁設(shè)計師都想在設(shè)計網(wǎng)站的主要導(dǎo)航時發(fā)揮創(chuàng)造力?,F(xiàn)在我們?yōu)槟峁?3個很棒的JavaScript CSS菜單,這些菜單非常方便,易于修改,以滿足您的需求。讓我們來看一下最近的這些例子…
1)滑動菜單–Andrew Sellick決定使用由于其作用,暢通MooTools然而,他開發(fā)了一種滑動菜單使用us。性感滑動菜單
廣告
演示:mootols版
演示:script.aculo.usversion
2)FastFind Menu Script–這個腳本允許嵌套菜單,基于動態(tài)“Ajax”的反應(yīng)。由于jQuery接口庫,菜單也可以被拖拽。
快速導(dǎo)航
演示:FastFind Menu
3)phatfusion圖像菜單–圖像菜單使用JavaScript,onclick事件使選定項打開和關(guān)閉它再次。
phatfusion圖像菜單
演示:phatfusion圖像菜單
演示:MooTools版本的XML解析器
4)拖放排序在treepanel的–這個例子說明基本拖放節(jié)點移動的樹。在這個實現(xiàn)中,沒有任何限制,除了添加到標(biāo)記為“葉子”的節(jié)點(文件)之外,任何東西都可以被丟棄。
拖放treepanel
演示:拖放在treepanel的排序
5)自定義菜單的事件,這是一個結(jié)合動畫和自定義事件,認為維生素團隊展示菜單項滑入視圖和發(fā)射訂閱事件使用雅虎!ui.one-time效果展示菜單開放和觸發(fā)事件。
自定義菜單事件
演示:自定義菜單事件| thinkvitamin.com
6)上下文菜單功能,這是一個結(jié)合動畫和自定義事件,認為維生素團隊展示菜單項滑入視圖和發(fā)射訂閱事件使用雅虎!UI。
上下文菜單功能
演示:上下文菜單功能
另一個演示是由我們的一個評論員Daniel Niquet建議:
另一個上下文菜單
7)LavaLamp jquery滑動菜單是一個jQuery的重量輕的代碼和額外的兩個界面風(fēng)格滑俏皮效果菜單。這種影響最初是由使用Mootools Javascript庫Guillermo Rauch寫的。
演示:LavaLamp jquery滑動菜單
演示:MooTools花哨的菜單
8)Slashdot的菜單動態(tài)今天是一個時尚的折疊菜單模擬導(dǎo)航菜單發(fā)現(xiàn)到后。
Slashdot的菜單
演示:Slashdot的菜單
9)菜單和effectsthis MooTools手風(fēng)琴菜單鏈接懸停在酷有一個整潔的效果,并打開一個2級子菜單的手風(fēng)琴。
MooTools菜單菜單
演示:MooTools菜單與手風(fēng)琴和影響
10)CSS dock menuif你是一個巨無霸的粉絲,你會愛上這個CSS dock菜單,Nick La設(shè)計。它是從接口和一些圖標(biāo)中使用jQuery JavaScript庫和魚眼組件。
CSS dock菜單
演示:CSS??坎藛?/p>