首页插画摄影生活灵感产品
界面原创下载教程买啊读图 | 关于投稿
2016/12/09

如果你正在寻找一个代码段,为网站创建一个导航菜单,那么不要犹豫了,点进来吧!从固定,自动隐藏,垂直,水平,反应灵敏,弹性,大型菜单导航等等风格中,选择一个适合自己的吧!全部都是免费的代码片段,真正的买南非的,功能完善的,容易修改的,并且适配手机/平板电脑/以及PC等等!

20个免费的导航菜单的代码片段

Auto-Hiding Navigation

这是一个简单的导航菜单代码段,当用户向下滚动时自动隐藏,并在用户向上滚动时变为可见。

20个免费的导航菜单的代码片段

Vertical Fixed Navigation 

这是一个智能垂直导航菜单,具有圆形指示器,在交互时变成带标签的图标。

20个免费的导航菜单的代码片段

Stretchy Navigation

这是一个圆形的导航触发器,单击/点击并展开导航项目

20个免费的导航菜单的代码片段

Responsive Sidebar Navigation

这是一个侧面,垂直导航菜单,非常容易集成到您的设计,它也是仪表板和管理区域的理想选择。

20个免费的导航菜单的代码片段

Mega Dropdown

这是一个响应和容易定制的巨型下拉菜单组件。

20个免费的导航菜单的代码片段

3D Bold Navigation

这是一个大胆的导航,当活动时滑动,并替换3D空间中的当前内容。

20个免费的导航菜单的代码片段

Secondary Sliding Navigation

这是一个粗体,二级菜单,滑过主导航。

20个免费的导航菜单的代码片段

Full-Screen Pushing Navigation

这是一个全页菜单,通过将其推离屏幕来取代当前内容。完美的formany类型的网站。

20个免费的导航菜单的代码片段

Bouncy Navigation

这是一个全屏导航,具有浮动菜单项。它是一个Web应用程序的理想选择。

20个免费的导航菜单的代码片段

3D Rotating Navigation

这是一个3D旋转导航,由CSS转换。完美的skeuomorphic设计。

20个免费的导航菜单的代码片段

Mega-Site Navigation

这是一个响应的导航菜单为大型网站,这是非常容易定制和具有微妙的CSS动画。

20个免费的导航菜单的代码片段

Rounded Animated Navigation

这是一个实验性的全屏导航,动画使用CSS和jQuery,在一个圆内扩展。

20个免费的导航菜单的代码片段

Secondary Fixed Navigation

这是一个辅助导航,适用于希望快速浏览页面内容并能够

20个免费的导航菜单的代码片段

Full-Screen Pop-Out Navigation

这是一个固定的菜单,首先驱动用户的注意力到几个呼吁行动按钮,然后让他们探索全屏导航。

20个免费的导航菜单的代码片段

Vertical Fixed Navigation

这是一个侧面导航,允许用户轻松浏览页面,选择其中一个部分,并平滑地滚动到它。

20个免费的导航菜单的代码片段

Smart Fixed Navigation

这是一个固定的导航,允许用户随时访问菜单。

20个免费的导航菜单的代码片段

Secondary Expandable Navigation

这是一个简单的响应导航,使整个导航菜单可访问,只需一键即可。

20个免费的导航菜单的代码片段

Full Page Intro & Navigation

这是一个介绍页面,围绕全宽背景图片和粗体动画菜单。它有一个很好的iOS样模糊效果背后的导航。

20个免费的导航菜单的代码片段

Simple Responsive HTML Navigation

这是一个简单和轻量级的水平菜单建立与纯CSS。菜单也响应。

20个免费的导航菜单的代码片段

Flat Tabbed Menu

这是一个平面的选项卡式菜单代码段。这个菜单也响应,看起来很棒的所有屏幕尺寸。



发表评论


1个评论

  1. 素材火说道:

    不错的素材


贩卖优质设计素材