[JavaScript&CSS]Javascript和CSS的菜單

來源:互聯網
上載者:User

【譯文地址】:http://coolshell.cn/?p=1660
【原始地址】:13 Awesome Javascript CSS Menus

1) 性感的滑動型菜單 

示範: Mootols Version
示範:Script.aculo.usVersion

 

 

2) FastFind 菜單 右鍵菜單,還可以被拖來拖去。使用 jQuery

示範: FastFind Menu

 

3) Webber 2.0 Dock 菜單

示範: Webber 2.0 Dock Menu

 

4) Phatfusion- 圖片菜單 使用了onClick 事件來 open 和 close 功能表項目。

示範: Phatfusion- Image Menu
示範: Mootools version with XML parser

 

5) 可拖動的樹形菜單

 

示範: Drag and Drop ordering in a TreePanel

 

6) 自訂的菜單事件

示範: Custom Menu Events | ThinkVitamin.com

 

7) 右鍵菜單

示範: Context Menu Functionality
示範:Another Context Menu

 

8 ) LavaLamp jQuery 滑動菜單

示範: LavaLamp jQuery Sliding Menu
示範: Mootools Fancy Menu

 

9 ) 摺疊式菜單

示範: Slashdot Menu

 

10 ) Mootools層疊式菜單

示範: Mootools menu with Accordeon and Effects

 

11 ) CSS Dock 菜單 模仿Mac 電腦介面。 

示範: CSS Dock Menu

 

12 ) jQuery 外掛程式:滑動式菜單

示範: jQuery Plugin: Sliding Menu

 

13 ) 摺疊式菜單

示範: Accessible expanding and collapsing menu

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.