responsive-overlay-menu

跨浏览器覆盖菜单框架
授权协议 MIT
开发语言 HTML/CSS
所属分类 jQuery 插件、 其他jQuery插件
软件类型 开源软件
地区 不详
投 递 者 司徒正信
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

responsive-overlay-menu 是一个响应跨浏览器覆盖菜单的框架。

特点:

  • 可在所有浏览器工作

  • 可在所有设备上工作

  • 够小

  • 超快

  • 使用 jQuery 动画

  • 免费使用(MIT 许可证)

示例代码:

.menu-btn {
    position: absolute;
    top: 6px;
    right: 20px;
    z-index: 999;
    display: inline;
    font-size: 32px;
}

.menu-btn a {
    display: inline-block;
    text-decoration: none;
    /* safari hack */
}

.btn-open:after {
    color: #333;
    content: "\f394";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.btn-open:hover:after {
    color: #34B484;
}

.btn-close:after {
    color: #fff;
    content: "\f2d7";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.btn-close:hover:after {
    color: #34B484;
}
 相关资料
  • 描述 (Description) 要将菜单更改为不同的屏幕大小,菜单包含一些响应式CSS类。 使用响应式菜单插件,可以将默认模式应用于菜单,也可以更改不同大小的屏幕的菜单模式。 例子 (Example) 以下示例演示了在Foundation中使用响应式导航菜单 - <!DOCTYPE html> <html> <head> <title>Foundation Template</

  • 问题内容: 专业的网页设计师如何创建跨浏览器的CSS?通常是手动完成,还是像YUI针对JavaScript那样可以简化流程的工具包?我希望远离Dreamweaver之类的所见即所得编辑器。谢谢! 问题答案: 通常是手工完成的。 通常从对比赛场地应用CSS重置开始。 而且,您应该针对符合标准的CSS,然后作为对IE的最后手段,才可以使用hacks(是的,我刚刚说过)。

  • 问题内容: 我想通过拦截文档对象(而不是accesskey属性)的keypress事件处理程序,来为Web应用程序中的几个页面添加对键盘快捷键的支持。 问题是,每个浏览器都有自己的组合键,因此不可能拿出一套键盘组合可在所有网络浏览器的工作,但一致的。(例如,它会是愚蠢的,如果在保存快捷为++ ,而一个要删除的是+ 。) 因此,我认为在我的几个页面中完全覆盖浏览器快捷方式会更简单。 撇开所有不利因素

  • 点击主按钮,会展开显示更多隐藏的其他按钮。再次点击主按钮,其他按钮会收起隐藏。 [Code4App.com]

  • Responsive Multi Menu 导航可以优化使用 HTML5、CSS3、jQuery 的移动设备。它有以下特点: 易于安装 多层 CSS 轻量级 多菜单 在移动设备中工作 MIT 免费许可证

  • 浏览 Eclipse 工作空间 浏览(Navigate)菜单提供了多个菜单可以让你快速定位到指定资源。 上图中 Open Type, Open Type in Hierarchy 和 Open Resource 三个菜单项是非常有用的。 Open Type Open Type 菜单项可以打开一个对话框,对话框中可以查找 Java 类型文件。 你可以在输入框中输入类名查找。 '*' 号表示 0 个或