发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
每个 web 设计者都希望设计出富有创造性的导航菜单。现在为您呈现 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:///deploy/dev/examples/tree/reorder.html
6)自定义菜单事件 - 采用 Yahoo!UI 框架搭建,由 Think Vitamin 团队制作。演示:http://www./misc/yui-demos/demo-10.html
7) 右键菜单功能 - 采用Yahoo!UI框架制作。演示:http://yura./scripting/contextMenu/
8) LavaLamp jQuery 滑动菜单 - 采用 jQuery 框架构建。演示:LavaLamp jQuery 滑动菜单演示: Mootools Fancy Menu
9) Slashdot 菜单 - 著名科技网站 Slashdot 样式的菜单效果。演示:http://www./dynamicindex1/slashdot.htm
10) Mootools 菜单演示:http://www./mootoolsmenu/
11) CSS Dock Menu - 真正仿 Mac 系统的 Dock 菜单。演示:http://www./blog/mac/css-dock-menu
12) jQuery插件:Sliding Menu演示:http://www./pub/projects/rb_menu/
13) 可收缩菜单演示:http://www.456bereastreet
来自: 悟静 > 《网站设计》
0条评论
发表
请遵守用户 评论公约
[css]仿苹果系统os x的停放菜单:CSS Dock Menu
<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/interface.js"></script>--...
jQuery实现侧边导航栏效果
使用HTML,CSS和Javascript构建响应式导航栏和面包屑菜单
使用HTML,CSS和Javascript构建响应式导航栏和面包屑菜单。<header class="header"> <nav class="navbar"...
CSS JavaScript创建右键菜单
但有时候我们会遇到这样的问题,我们希望禁止访问者使用右键菜单或者希望屏蔽右键菜单的某些功能,比如,为了保护网页内容我们不希望访...
jQuery 无限级菜单实现
用 CSS3 和 JavaScript 制作径向动画菜单
用 CSS3 和 JavaScript 制作径向动画菜单。今天,让我们来看看:如何使用CSS3和JavaScript轻松地实现一个简单的径向动画菜单。我们使用HTML5的nav元素,包含一些链接元素和激活径向菜单的按钮。首先,...
5大常用jquery插件,JavaScript框架小常识
5大常用jquery插件,JavaScript框架小常识。jquery可以被视为Web开发的脊梁骨,jquery是一个快速简洁的javascript库,它简化了HTML文档...
纯 CS3 多级下拉菜单
还有一点要注意的是,如果此时你要把鼠标移动到二级菜单上的话,它会马上消失,这是因为我们只对当鼠标移动到 a 标签上时才显示后面的 u...
phpcms v9模板制作教程(四)
微信扫码,在手机上查看选中内容