本文实例讲述了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
本文实例讲述了JS+CSS实现大气的黑色首页导航菜单效果代码。分享给大家供大家参考。具体如下:
这是一款JS+CSS实现的大气的重色+红色高强对比的菜单,可用作首页导航菜单,从设计的角度来讲,挺专业,从实用角度来讲,应用广泛,是款人见人爱的经典风格菜单,超不错的一个作品。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-css-black-style-nav-menu-codes/
具体代码如下:
<!DOCTYPE html P
本文实例讲述了CSS实现自动变为大写的自适应漂亮菜单效果。分享给大家供大家参考。具体如下:
这是一款个性的CSS导航栏,如果菜单上的文字是英文的,那么它会自动转化为英文大写格式,还会自动适合菜单文字的宽度,比较省心的菜单,相信你会喜欢。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/css-auto-cha-up-style-menu-codes/
具体代码如下:
复制代码代码如下:<!DOCTYPE html PUBLIC “-//W