博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript导航菜单13则
阅读量:5311 次
发布时间:2019-06-14

本文共 834 字,大约阅读时间需要 2 分钟。

来源:翻译:下面为你准备了13个利用Javascript实现的网页导航菜单

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

Demo: 

Demo: 

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

Demo: 

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

Demo: 

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

Demo: 

Demo: 

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

Demo: 

6) 

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

Demo: 

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

Demo: 

这是另一个Demo

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

Demo: 

Demo: 

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

Demo: 

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

Demo: 

11 ) 这又是来自Nick la的Mac风格的鱼眼效果菜单,如果你对这种效果感兴趣,可以看一下我的另一篇文章:

转载于:https://www.cnblogs.com/xiaochao12345/p/4174486.html

你可能感兴趣的文章
Python3 高阶函数
查看>>
初始面向对象
查看>>
docker一键安装
查看>>
leetcode Letter Combinations of a Phone Number
查看>>
Unity 5.4 测试版本新特性---因吹丝停
查看>>
7.5 文件操作
查看>>
DFS-hdu-2821-Pusher
查看>>
MyEclipse中将普通Java项目convert(转化)为Maven项目
查看>>
node js 安装.node-gyp/8.9.4 权限 无法访问
查看>>
windows基本命令
查看>>
VMware中CentOS设置静态IP
查看>>
[poj1006]Biorhythms
查看>>
Hyper-V虚拟机上安装一个图形界面的Linux系统
查看>>
Hover功能
查看>>
js千分位处理
查看>>
Mac---------三指拖移
查看>>
字符串类型的相互转换
查看>>
HTTP状态码
查看>>
iOS如何过滤掉文本中特殊字符
查看>>
基础学习:C#中float的取值范围和精度
查看>>