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