A simple but effective responsive menu that has a header and space for a logo
jQuery
A dropdown multi-level responsive menu with some nice design elements. Also check out this version that has a logo, perhaps more practical - and a white layout.
jQuery
An animated burger menu with single level navigation. Basic, but nice animations.
Javascript only
An animated burger menu with single dropdown levels. Basic, but seems to be running well and tests across the devices without issue...
Jquery
A basic but bulletproof responsive dropdown multi-level responsive menu. Code is a little untidy and doesn't use purely ul and li for the menu items.
CSS only
A dropdown responsive menu featuring icons and sub-lists.
jQuery
A beautiful job by Codyhouse. Responsive menu featuring three different styles of menu. Simple - just the top level menu. Sub-nav with a second level of navigation... and a Hero version that you can swap out to include the Swiper by idangerous as they work nicely together. Auto-hides on scroll but reappears when scrolling back towards the top of the page. The sub-nav remains sticky.
A production version of this menu can be seen on the Riverside Apartment, Taupo Accommodation website.
jQuery
Nice, basic 'mega menu' from Codrops. Can be modified to dropdown with mouseover event rather than a click
jQuery
Multi-level slideout menu, modified to suit HTML-based content rather than AJAX/dummy content.
jQuery
Nice multi-level responsive dropdown menu that features animation and logo top-left. A bit of a bee-atch to edit and customise.
jQuery 2.1.3
Multi-level responsive dropdown menu. Note that on wide screens the sub and sub-sub menu items are not shown, only the top level links.
jQuery 1-9
A responsive, very functional menu. Full display shown on widescreen, collapsing to a sliding panel menu on small screens. Icons provided by FontAwesome, a good range of preset icons is in the CSS files.
jQuery
A responsive, very functional menu. Full display shown on widescreen, collapsing to a sliding panel menu on small screens. Icons provided by FontAwesome, a good range of preset icons is in the CSS files. This excellent, versatile menu was modified by Piccante Web Design to feature a 'sticky' header menu.
jQuery
A very nice template and menu operation from graphicburger.com
jQuery
Nice off-screen sliding panel menu
jQuery
An adaptation by Piccante Web Design of the menu developed by Nick Salloum. Responds to device width of course, and the menu uses a transition of opacity to occupy the space left open on smaller devices.
jQuery
An adaptation by Piccante Web Design of the menu developed by Nick Salloum. Integrates an SVG icon for each menu item.
Javascript only
With thanks to the tutorial from CallMeNick, this menu has been significantly modified and given a tweak to make it stick - to the top of the page. Some jQuery magic has been added to animate parts of the page on scroll down. Also check out this version that includes the Skeleton responsive CSS framework.
jQuery
A beautiful design job by Codyhouse. Responsive menu featuring an icon-based navigation slider with a full-screen background image or video. This design is ideally suited to pages that require a maximum of 5-6 landscape orientated images on each page.
jQuery
Nice off-screen sliding panel menu
jQuery
Similar to the Bushell menu, this also has a left-aligned menu on larger screens reverting to a slide-in menu on smaller devices
jQuery
Nice multi level accordion menu with icons and animation
jQuery
Multi-level push responsive menu with subs and icons.
jQuery
Multi-level responsive menu with sub and sub menus.
Simple javascript
Simple responsive, effective top jquery menu. An added feature is the "sticky top" style of the menu.
jQuery 1-9
A responsive menu that features several ways of displaying sub menus - through slideout secondary menus and icons
jQuery
A stylish and functional menu that suits a single page or long page. Key nav items can be placed in the top menu bar as well as a secondary menu with icons appearing in the page layout.
jQuery
A stylish and functional menu. Key nav items can be placed in the top menu bar as well as appearing in the responsive side panel which allows multiple sub menus.
jQuery 1-11
Multi-level responsive menu with sub, sub-sub, etc menus.
Note that this menu has an issue with closing when scrolling on touch devices. A fix to the .js file works and can be viewed here. Thanks to Dusty for this solution.
The correct js file is loaded to the piccante.co website for its own function.
jQuery
A slick responsive menu that has multiple sub menu options as part of the left menu and a top links menu for often-used pages.
Note that on some mobile devices the menu does not operate after scrolling - only when the page is returned to the very top of the window
jQuery
Nice menu that suits an even numbered amount of menu items
jquery
Excellent responsive menu that fluidly reacts to viewport / browser size. Note: Works perfectly in IE8 and up (IE6 and IE7 overflow the container) i.e. requires Windows 7 or 8+
jquery 1.7.2
Simple horizontal responsive menu with animation on hover.
Keyframes, no jQuery
A new concept in responsive navigation menus where the (least important) right-orientated menu items form part of a dropdown menu on small screens and devices. This demonstration includes the responsive image technique of using srcset
jQuery
玻璃钢生产厂家冲浪人玻璃钢雕塑濮阳景观园林玻璃钢仿铜雕塑厂家济南玻璃钢人像雕塑公司郑州创意玻璃钢雕塑河北公园玻璃钢雕塑市场抚州抽象玻璃钢雕塑哪家便宜宁波玻璃钢金属雕塑图片深受顾客欢迎的玻璃钢雕塑玻璃钢花盆制造南京江宁美陈商场苏州玻璃钢抽象动物雕塑生产厂家渔翁玻璃钢雕塑多少钱北京玻璃钢烤漆雕塑四川主题商场美陈厂家直销仿古玻璃钢雕塑价格广东公仔玻璃钢雕塑江苏天筑玻璃钢雕塑陕西户外玻璃钢雕塑市场深圳校园玻璃钢雕塑常宁玻璃钢浮雕人物山水雕塑春日商场美陈腾冲市玻璃钢雕塑设计哪里买四川户外商场美陈价格广州玻璃钢外壳雕塑工业园玻璃钢花盆花器北京周年庆典商场美陈售价玻璃钢雕塑是哪个丰泽商场美陈制作保山玻璃钢座椅雕塑玻璃钢公园雕塑设计价格香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万