加入收藏 | 设为首页 | 会员中心 | 我要投稿 济源站长网 (https://www.0391zz.cn/)- 数据工具、数据仓库、行业智能、CDN、运营!
当前位置: 首页 > 创业 > 模式 > 正文

13款效果超酷的Javascript导航菜单代码

发布时间:2018-10-07 16:39:11 所属栏目:模式 来源:站长网
导读:收集了12款效果超酷的 Java script导航菜单代码,是来自国外网站的资源,由于时间关系还没有来的及提供打包下载,不过您可以根据下边的图片选择自己喜欢的菜单,如果遇到不懂的问题,可以在下边的评论区向烈火网求助,我们一定尽力帮助您的。 1) Sexy Slid

收集了12款效果超酷的Javascript导航菜单代码,是来自国外网站的资源,由于时间关系还没有来的及提供打包下载,不过您可以根据下边的图片选择自己喜欢的菜单,如果遇到不懂的问题,可以在下边的评论区向烈火网求助,我们一定尽力帮助您的。

1) Sexy Sliding Menu – 基于mootools的Javascript网页导航菜单,漂亮的滑动门技术,看到下面的图了没有,用它来设计你的Sidebar,非常之炫,Sexy,是的。

13款效果超酷的Javascript导航菜单代码

Demo: Mootols Version
Demo: Script.aculo.usVersion

2) FastFind Menu Script -这个脚本基本动态的ajax技术,可以让你创建多级嵌套的菜单。

13款效果超酷的Javascript导航菜单代码

Demo: FastFind Menu

3) Webber 2.0 Dock Menu -一个典型的Dock类型网页导航菜单。

13款效果超酷的Javascript导航菜单代码

Demo: Webber 2.0 Dock Menu

4) Phatfusion- Image Menu -这这是一个使用Javascript的图片导航菜单,它最大的特点是除了悬浮展开图片链接之外,还保持当前选定的菜单链接状态。

13款效果超酷的Javascript导航菜单代码

Demo: Phatfusion- Image Menu
Demo: Mootools version with XML parser

5) Drag and Drop ordering in a TreePanel -这个好像是从著名的Ext JS提取的,一个树型导航菜单,灵感当然是来源于Windows的资源管理器,我相信是这样的。

13款效果超酷的Javascript导航菜单代码

Demo: Drag and Drop ordering in a TreePanel

6) Custom Menu Events

在同一时间内显示展示菜单的介绍和其它相关信息,其动态效果甚至达到Flash。不过缺点是需要再次刷新才能进行导航菜单的动态显示。

13款效果超酷的Javascript导航菜单代码

Demo: Custom Menu Events | ThinkVitamin.com

7) Context Menu Functionality 一个简洁轻巧的上下文本导航菜单,利于在用户浏览时达到一个良好的交互作用。

13款效果超酷的Javascript导航菜单代码

Demo: Context Menu Functionality

这是另一个DemoAnother Context Menu

8 ) LavaLamp jQuery Sliding Menu 一个基于jquery的滑动菜单效果,体积比较小巧。另一个版本是来自Guillermo Rauch基于mootools所构建的。

13款效果超酷的Javascript导航菜单代码

Demo: LavaLamp jQuery Sliding Menu
Demo: Mootools Fancy Menu

9 ) Slashdot Menu- Dynamic Drive这是一个流行的滑动/折叠导航菜单,是烈火网旗下的设计爱好者从著名网站Slashdot中提取的。其可控制性非常强,比如你可以设置为只准打前主菜单打开,或者全部打开,或同时收缩所有的子菜单等,且可以根据Cookie判断来显示菜单。

13款效果超酷的Javascript导航菜单代码

Demo: Slashdot Menu

10 ) Mootools menu with Accordeon and Effects非常整洁的一个导航菜单,当鼠标悬浮的时候,当前链接就会伸展出来并且可以显示一个手风琴效果的二级菜单。

13款效果超酷的Javascript导航菜单代码

Demo: Mootools menu with Accordeon and Effects

11 ) CSS Dock Menu这又是来自Nick la的Mac风格的鱼眼效果菜单

13款效果超酷的Javascript导航菜单代码

Demo: CSS Dock Menu

12 ) jQuery Plugin: Sliding Menu- 一个非常简洁的滑动菜单。

13款效果超酷的Javascript导航菜单代码

Demo: jQuery Plugin: Sliding Menu

(编辑:济源站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读