13個希奇的 Javascript CSS 菜單 各種特效CSS

  13個希奇的 Javascript CSS 菜單 卡卡~~ 提交於 32 days 11 hours ago

標籤 CSS菜單 

<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> <iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-6067137220025946&dt=1197254755109&lmt=1197254755&format=300x250_as&output=html&correlator=1197254755109&channel=0068868081&url=http%3A%2F%2Fwww.diglog.com%2Fstory_technology_design_33619&color_bg=FFFFFF&color_text=0B0B0D&color_link=000099&color_url=0B0B0D&color_border=FFFFFF&ad_type=text&ref=http%3A%2F%2Fwww.baidu.com%2Fs%3Fwd%3Djavascript%25D0%25DE%25B8%25C4css%26lm%3D0%26si%3D%26rn%3D10%26ie%3Dgb2312%26ct%3D0%26cl%3D3%26f%3D1%26rsp%3D1&cc=57&ga_vid=432443015.1197254677&ga_sid=1197254677&ga_hid=113329467&ga_fc=true&flash=9&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=2&u_java=true" frameborder="0" width="300" scrolling="no" height="250" allowtransparency="allowtransparency"></iframe>

每個 web 設計者都希望設計出富有創造性的導航菜單。現在 diglog 爲您呈現 13 個希奇的 Javascript CSS 菜單，你可以通過修改來設計出符合自己意願的個性菜單。

1） 性感滑動菜單（Sexy Sliding Menu） － 一種由 Mootools 製作，另外一種使用 scrip.aculo.us 製作的。

演示：Mootols 版本
演示：Script.aculo.us 版本

2） FastFind Menu Script － 此菜單使用 jQuery 庫製作，基於動態 Ajax 相應，嵌套式菜單。

演示： FastFind Menu

3） Webber 2.0 Dock Menu － 類似 Apple Mac 系統中船塢類型的導航菜單。

演示： Webber 2.0 Dock Menu

4） Phatfusion - 圖片菜單 － 採用 Javascript的圖片菜單，單擊進行選擇或者關閉。

演示： Phatfusion - Image Menu
演示： Mootools 版本（採用 XML 分析器）

5）可拖拽排序的樹狀菜單

演示：http://extjs.com/deploy/dev/examples/tree/reorder.html

6）自定義菜單事件 － 採用 Yahoo!UI 框架搭建，由 Think Vitamin 團隊製作。

演示：http://www.thinkvitamin.com/misc/yui-demos/demo-10.html

7） 右鍵菜單功能 － 採用Yahoo!UI框架製作。

演示：http://yura.thinkweb2.com/scripting/contextMenu/

8） LavaLamp jQuery 滑動菜單 － 採用 jQuery 框架構建。

演示：LavaLamp jQuery 滑動菜單
演示： Mootools Fancy Menu

9） Slashdot 菜單 － 著名科技網站 Slashdot 樣式的菜單效果。

演示：http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

10） Mootools 菜單

演示：http://www.artviper.eu/mootoolsmenu/

11） CSS Dock Menu － 真正仿 Mac 系統的 Dock 菜單。

演示：http://www.ndesign-studio.com/blog/mac/css-dock-menu

12） jQuery插件：Sliding Menu

演示：http://www.getintothis.com/pub/projects/rb_menu/

13） 可收縮菜單

演示：http://www.456bereastreet.com/lab/accessible-expanding-collapsing-menu/