本文实例讲述了JS+CSS实现大气清新的滑动菜单效果代码。分享给大家供大家参考,具体如下:
这是一款比较大气清新的滑动导航菜单,CSS和Javascr ipt配合完成,鼠标放到一级菜单上,会滑出二级的菜单,兼容性也不错,适合大多数网站使用,用到两张背景图片,请拷贝图片地址下载图片。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-css-dqqx-scroll-menu-demo/
具体代码如下:
<!DOCTYPE html P
本文实例讲述了JS实现灵巧的下拉导航效果代码。分享给大家供大家参考。具体如下:
这是一款基于JS实现下拉菜单,是一款灵巧的网站导航条,支持二级显示,向下滑动显示,经典的下拉菜单,JS和CSS共同编写实现,Li菜单列表风格,便于修改,兼容各大主流浏览器,相信你也会喜欢的。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-down-nav-blue-menu-style-codes/
具体代码如下:
<!DOCTYPE html PU
本文实例讲述了jQuery实现带延迟效果的滑动菜单代码。分享给大家供大家参考。具体如下:
这是一款基于jQuery的滑动菜单,鼠标移到某菜单项上,菜单的背景可以滑动过来,平滑的滑动效果,炫动的导航效果,相比没有动画的菜单,这款菜单真的挺不错哦。
先来看看运行效果截图:
在线演示地址如下:
http://demo.jb51.net/js/2015/jquery-delay-style-menu-nav-codes/
具体代码如下:
<!DOCTYPE html PUBLIC "-//W3