仿Google Nexus网站侧边栏滑动菜单

问说网 · 发布于 2015-03-14 · 字数849 · 浏览 1933 · 评论 0

今天我想向你展示如何重建的谷歌Nexus 7页边栏菜单。它滑出一个非常好的效果,得到了一些子项,以及。当鼠标悬停在一个特殊的菜单图标,工具栏图标将显示。当点击图标,整个工具条菜单将显示。第一栏的菜单项是一个搜索的输入,风格同样像其他菜单项。

仿Google Nexus网站侧边栏滑动菜单

我们将利用无序重建这个菜单,嵌套的列表和一些CSS转换。我们将使用JavaScript应用类和处理悬停和点击事件开放的影响。与媒体查询的帮助,我们会调整尺寸更小的设备,使感。

制作教程:http://tympanus.net/codrops/2013/07/30/google-nexus-website-menu/

本文系作者 问说网 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2015-05-29如何在HTML静态文件中执行PHP代码
  • 2015-11-21使用Photoshop将图片转换为素描效果
  • 2016-06-03IE浏览器中CSS相关Bub Hack大集合
  • 2016-05-15设计必备神器!20个无版权高清大图特供网站
  • 2016-05-16新年大福利!为设计师准备的14个免费的PS插件
  • 2016-05-16图标设计的几个小建议!如何让图标更具识别度
  • 2016-06-13BxCarousel基于jQuery图片滚动插件
  • 2016-07-02jQuery Scroll Path按路径元素滚动动画插件
  • 发布评论

    为您推荐

    Manifesto在HTML5中离线应用程序缓存校验工具
    问说网 · 发布于 2015-10-20

    Manifesto在HTML5中离线应用程序缓存校验工具

    Manifesto 是一个 HTML5 离线应用程序缓存校验工具,提供了快速校验 HTML5 manifest 文件有效性的方法。离线应用程序缓存在使用中最困难…

    问说网 · 发布于 2016-04-03

    使用原生的JavaScript操作DOM节点

    DOM(Document Object Model/文档对象模型)是针对HTML和XML文档的一个API,DOM节点树是在文档中出现的空格、回车、标签、注释、文…

    教你绘制一枚经典的ITUNES图标

    今天的iTunes图标是一个非常经典的icon,不过现在你们看不到了。现在的版本只能说是走火入魔,推崇扁平化,说它漂亮也谈不上,说难看也不至于~ 下面是我完成的…

    • 教你绘制一枚经典的ITUNES图标
    • 教你绘制一枚经典的ITUNES图标
    • 教你绘制一枚经典的ITUNES图标
    • 教你绘制一枚经典的ITUNES图标
    ClaphamAndrea · 发布于 2016-05-17 · 浏览 1173 · 评论 0
    问说网 · 发布于 2016-06-24

    配置和查看Apache运行性能监控状态

    我们可以通过命令行来查看Apache的运行情况,但是无法查看Apache那些进程是处于工作状态,那些处于等待状态,当前有多少连接,还剩余多少空闲连接资源等信息。

    问说网 · 发布于 2016-06-24

    Gridpak响应式轻量级Web开发框架

    Gridpak 的目的是实现了响应式的 Web 页面设计,提高工作流程,节省了时间。通过生成PNG图像,CSS和JavaScript,让 Gridpak 创建响…

    问说网 · 发布于 2016-07-05

    刷流量的注意了使用流量宝可能会中毒!

    相信大家都知道刷流量的有很多软件,最著名的就是流量精灵和流量宝,而我一直使用的流量宝,两个软件的使用基本差不多,可是你知道吗?使用流量刷流量可能会中毒,这不是危…

    Tmux – Linux从业者必备利器
    问说网 · 发布于 2016-08-14

    Tmux – Linux从业者必备利器

    tmux是linux中一种管理窗口的程序。那么问题来了:Mac自带的Iterm2很好用啊。既支持多标签,也支持窗体内部Panel的分割,为什么还要用tmux?

    问说网 · 发布于 2016-08-11

    关于Relay Log无法自动删除的问题

    通过收集到的信息,综合分析后发现relay-log无法自动删除和以下原因有关,因此建议当slave不再使用时,通过reset slave来取消relaylog,…

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    问说网

    问说网分享与设计有关的文章素材界面和作品,提供设计教程、素材分享、界面欣赏、编程设计、设计书籍、设计师导航等内容,你可以在这里阅读、学习、分享、交流。

    13177 文章
    493 评论
    2126 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 3765

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 3585

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 3809

    图片素材

    关注 图片素材

    文章 29463 · 浏览 3019

    高清图片

    关注 高清图片

    文章 26530 · 浏览 3259

    更多 推荐作者

    关注 秋末残雪

    文章 106 · 评论 0

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 怎麽继续

    文章 90 · 评论 2

    关注 流浪的脚步

    文章 86 · 评论 0

    关注 思念像咒语

    文章 102 · 评论 0

    关注 呼吸快窒息

    文章 104 · 评论 0

    
    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!