首页 >> 网络编程 >> JavaScript >> 网页特效 >> 导航菜单
使用html+css+js实现导航栏滚动渐变效果
这篇文章主要介绍了使用html+css+js实现导航栏滚动渐变效果,鼠标向下拖动滚动条的时候导航栏会随着拖动有一个渐变动画效果,非常的炫酷,快来学习一下如何制作吧css实现会折叠、展开的菜单导航栏效果
基于css实现的会折叠、展开的树形菜单导航栏，很早以前写的，也没有过多美化，但是比较实用，如果想用的朋友就自己美化吧可折叠展开的简单目录实现代码
简单的目录，展开菜单，鼠标点击即可展开，再次点击即可合拢，类似树形菜单的功能，在浏览网页时会见很多，不多做介绍了，需要的朋友可以参考下鼠标触发移动的分层菜单 层菜单moveMenu
会移动的菜单，层菜单，鼠标放在菜单上，菜单就会移动，上浮的菜单，像是TAB风格的菜单，使用了一张图片，顺着代码可下载到这张修饰的小图片,需要的朋友可以参考下javascript采用数组实现tab菜单切换效果
最近写了一个tab菜单,这个也算是web2.0的产物了,没什么技术含量,练练手而已.需要的朋友可以参考下javascript仿qq界面的折叠菜单实现代码
最近一直在研究网页特效,看到qq界面的折叠菜单,于是冒出个想法,自己写一个类似的,需要的朋友可以参下用dtree实现树形菜单 dtree使用说明
本节主要介绍用dtree来实现树形的菜单，需要的朋友可以参考下。原生JS仿苹果任务栏菜单，放大效果的菜单
原生JS仿苹果任务栏菜单，具备图标放大效果的菜单，原生JavaScript自定的特效，鼠标放到菜单上就把图标放大了，类似使用了jQuery的效果，里面用到了几张菜单图片，这个那就自己下载吧。三级下拉菜单的js实现代码
纯js实现的三级下拉菜单效果的代码，需要的朋友可以参考下。js无限级折叠菜单精简版
一个简单的js无限级折叠菜单，这里只列出JS版本的，JQUERY版本的可以到作者发的帖子上看，权当抛砖引玉了。基于jquery的slideDown和slideUp做手风琴
slideDown和slideUp做手风琴菜单面板的代码，也就是大家常说的折叠/展开菜单，不少朋友都喜欢的风格，本代码兼容性好，简单易懂，便于修改，希望大家喜欢。javascript 静态树菜单实现代码
coding这么多年，我居然不知道有"dl"这种html标记，惭愧啊，今天偶然发现，觉得好玩，如是我为它添加了折叠功能，变成了一颗静态树.改写一个简单的菜单 弹性大小
看到一个简单的菜单样式，由于是作者比较早的作品，视觉效果不太好，有点突兀自己做了一点小修改，模仿icon动画的效果(区别的关键点是getStyle取得当前计算样式这个函数)一个很简单的无限分类树实现代码
一个很简单的无限分类树实现代码，需要的朋友可以参考下。CSS TreeMenu 二级树形菜单示例
二级树形菜单示例：CSS TreeMenu ，非常漂亮的树形菜单，用在网站右侧比较合适。自己做一款不错的二级导航菜单
自己做一款不错的二级导航菜单，黑色风格，是根据仿淘宝支付宝菜单而做的，自我感觉还算行吧。CSS导航菜单，三级菜单实现代码
CSS导航菜单，三级菜单，资源完整，超实用，希望大家喜欢。仿新浪微博首页"大家正在说"渐入轮显效果
仿新浪微博首页“大家正在说”渐入轮显效果，有淡入淡出的效果，新内容渐渐滚出来，老内容慢慢滚动下去，貌似很新奇的一种方式，从新浪微博获得。实用的多级树形展开菜单效果代码
实用的多级树形展开菜单，相信它支持的级别会让您满意，开始我还以为它是无限级的呢？希望这个菜单对大家有帮助哦。代码经过精简后的仿QQ折叠菜单代码
代码经过精简后的仿QQ折叠菜单，以前发过的，不过这个是经过几轮代码精简后的一个版本，而且在各浏览器下的表现也很不错，兼容性没出问题。CSS实现同一背景图的导航菜单
通过CSS来实现这个效果，背景图只有一张，但是鼠标经过各导航菜单选项时，却看到不同的背景图。鼠标经过导航菜单时颜色改变效果
鼠标经过导航菜单的时候，颜色改变，可自定义颜色。DIV+CSS设计的动感横向导航
DIV+CSS设计的横向导航菜单，可自己修改颜色。点击后慢慢弹出下拉菜单效果代码(栏目管理常用)
点击后慢慢弹出下拉菜单，sky整理收集。JavaScript多级下拉菜单代码(简单实用)
JavaScript下拉菜单实现代码，js与css的良好结合。喜欢的朋友可以测试下。基于jquery的淡入淡出选项卡效果代码
经典的Tab选项卡代码,淡入淡出,jquery插件版,希望大家能够喜欢,简洁未过多美化.js 全兼容可高亮二级缓冲折叠菜单
最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。爆炸式的JS圆形浮动菜单特效代码
爆炸式的JS圆形浮动菜单特效代码，点击主菜单后，子菜单会爆炸式展开，挺有意思的。Js 竖直伸缩菜单(百度)
这个菜单是从百度推广扒下来的，去掉了CSS文件，仅保留核心的Js动作，点击每一项的标题，可展开二级的子项菜单，想用的朋友自己添加样式，这样更能符合你网站的主题。纯CSS实现的竖向导航菜单
纯CSS实战竖向导航菜单，这也算是一个典型的CSS菜单啦，这里要用到两个背景图片，在鼠标动作时分别加载不同的背景图片，以达到反差给人的清新效果，其实这种菜单的制作是很简单的，代码量不大，作为初级者的教程还是很不错的。js tab效果的实现代码
js之类似tab的实现，之前已经发布了很多，需要的朋友多看看。Div+Js实现的带阴影菜单 微软以前网站曾用过
Div+Js实现的阴影菜单，微软以前老版网站首页曾用过，用以索引出Windows产品家族的所有产品，本菜单仅实现了一个雏形，想实现像微软一样的效果，估计还需要做不少工作。放出来的目的是供学习CSS的朋友做参考。JavaScript 双级下拉菜单实现代码
JS+CSS共同结合完成的双级下拉菜单，符合WEB标准，可作为一个标准的实例来掌握。javascript实现的鼠标悬停时动态翻滚的导航条
鼠标悬停时动态翻滚的导航条，注意这里用了两个背景图，请等待网页加载完成或多刷新几次，这个是使用JavaScript实现的，不过代码好像是从jQuery里摘出来的，有点像。CSS鼠标悬停菜单 图片交换技术实现
这是一个使用了图片交换技术制作的CSS鼠标悬停菜单，也就是大家所说的鼠标经过换色，不过本例中的菜单并没有使用纯CSS来实现背景换色，这里将用一幅图片替换了背景色，因为主要是想让大家了解CSS对背景图片控制的技巧MAC官方菜单纯CSS实现灰色会换色
MAC官方网站的菜单,实际上是看着好看,但看了代码感觉不太实用,因为为了实现这么一个效果代码太繁琐,而且菜单修改起来也极不方便,建议大家以学习的态度阅读源码.CSS 伪类实现的鼠标滑动图片链接
CSS伪类实现的鼠标滑动链接，是一个图片导航，在早期的DW中有专一制作本效果的插件，不过随着大家CSS水平的提高，现在做出这种效果好像得心应手了，因为这种果大家应该都挺喜欢的。javascript 定时自动切换的选项卡Tab
JavaScript配合CSS制作一个能自动 切换的网页选项卡,每隔一段时间,它就自动切换选项卡列表和标题,时间自设.滑动门式菜单 实现代码
自已写的横排的导航菜单，红色水晶风格，大家可以用啦，不过也有些地方需要高手指教啊，代码里有注释，兼容性还不错，希望一起提高吧。css 有弹动效果的网页导航
发了个韩国网站（www.firstkids.co.kr）给我，让我用CSS写一个类似这个网站的导航栏效果。思路是：背景图像定位！