本文实例讲述了js实现兼容性好的微软官网导航下拉菜单效果。分享给大家供大家参考。具体如下:
这是一款微软官网导航菜单,兼容好的下拉菜单,微软官网导航效果,在IE6下没有动画效果,顺便也把IE6的效果给加上,兼容IE6。现在微软的官方网站正在使用,我觉得非常不错。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-microsoft-web-nav-menu-codes/
具体代码如下:
<!DOCTYPE html PUBLIC "
本文实例讲述了jQuery实现带延迟效果的滑动菜单代码。分享给大家供大家参考。具体如下:
这是一款基于jQuery的滑动菜单,鼠标移到某菜单项上,菜单的背景可以滑动过来,平滑的滑动效果,炫动的导航效果,相比没有动画的菜单,这款菜单真的挺不错哦。
先来看看运行效果截图:
在线演示地址如下:
http://demo.jb51.net/js/2015/jquery-delay-style-menu-nav-codes/
具体代码如下:
<!DOCTYPE html PUBLIC "-//W3
这是一个带变形动画特效的下拉导航菜单特效。该导航菜单在菜单项之间切换时,下拉菜单会快速的根据菜单内容的大小来动态变形,显示合适的下拉菜单大小,效果非常棒。
快速的导航下拉菜单动画效果如下所示:
效果演示 源码下载
HTML
该导航菜单的HTML结构如下:
Open Nav
<li class=has-dropd