Notes02:顶部菜单栏的定义

最新推荐文章于 2022-05-26 21:44:51 发布
最新推荐文章于 2022-05-26 21:44:51 发布
阅读量714 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsz0088/article/details/43865675
版权
<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>Metronic | Admin Dashboard Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<link href="../../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
<link href="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css"/>
<link href="../../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css"/>
<link href="../../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css"/>
<!-- END PAGE LEVEL PLUGIN STYLES -->
<!-- BEGIN PAGE STYLES -->
<link href="../../assets/admin/pages/css/tasks.css" rel="stylesheet" type="text/css"/>
<!-- END PAGE STYLES -->
<!-- BEGIN THEME STYLES -->
<!-- DOC: To use 'rounded corners' style just load 'components-rounded.css' stylesheet instead of 'components.css' in the below style tag -->
<link href="../../assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
<link href="../../assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
<link href="../../assets/admin/layout/css/themes/darkblue.css" rel="stylesheet" type="text/css" id="style_color"/>
<link href="../../assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
<body class="page-header-fixed page-quick-sidebar-over-content page-style-square"> 
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top">
<!-- BEGIN HEADER INNER -->
<div class="page-header-inner">
<!-- BEGIN LOGO -->
<div class="page-logo">
<a href="index.html">
<img src="../../assets/admin/layout/img/logo.png" alt="logo" class="logo-default"/>
</a>
<div class="menu-toggler sidebar-toggler hide">
<!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
</div>
</div>
<!-- END LOGO -->
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN NOTIFICATION DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<i class="icon-bell"></i>
<span class="badge badge-default">
7 </span>
</a>
<ul class="dropdown-menu">

<li class="external">
<div class="widget-layout">
<h4 class="widget-title">后台管理主题 1</h4>
<div class="widget-screen"><a target="_blank" href="theme/templates/admin/index.html"><img src="../../../_start/img/screen1.jpg" class="img-responsive"></a></div>
<center>
<p class="widget-btn">
<a class="btn btn-primary btn-default" target="_blank" href="index.html" role="button">HTML</a>&nbsp;
<a class="btn btn-primary btn-default" target="_blank" href="theme/templates/admin/angularjs" role="button">AngularJS</a>
</p>
</center>
</div>
</li>



</ul>
</li>
<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<i class="icon-bell"></i>
<span class="badge badge-default">
7 </span>
</a>
<ul class="dropdown-menu">
<li class="external">
<h3><span class="bold">12 pending</span> notifications</h3>
<a href="extra_profile.html">view all</a>
</li>
<li>
<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
<li>
<a href="javascript:;">
<span class="time">just now</span>
<span class="details">
<span class="label label-sm label-icon label-success">
<i class="fa fa-plus"></i>
</span>
New user registered. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">3 mins</span>
<span class="details">
<span class="label label-sm label-icon label-danger">
<i class="fa fa-bolt"></i>
</span>
Server #12 overloaded. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">10 mins</span>
<span class="details">
<span class="label label-sm label-icon label-warning">
<i class="fa fa-bell-o"></i>
</span>
Server #2 not responding. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">14 hrs</span>
<span class="details">
<span class="label label-sm label-icon label-info">
<i class="fa fa-bullhorn"></i>
</span>
Application error. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">2 days</span>
<span class="details">
<span class="label label-sm label-icon label-danger">
<i class="fa fa-bolt"></i>
</span>
Database overloaded 68%. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">3 days</span>
<span class="details">
<span class="label label-sm label-icon label-danger">
<i class="fa fa-bolt"></i>
</span>
A user IP blocked. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">4 days</span>
<span class="details">
<span class="label label-sm label-icon label-warning">
<i class="fa fa-bell-o"></i>
</span>
Storage Server #4 not responding dfdfdfd. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">5 days</span>
<span class="details">
<span class="label label-sm label-icon label-info">
<i class="fa fa-bullhorn"></i>
</span>
System Error. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">9 days</span>
<span class="details">
<span class="label label-sm label-icon label-danger">
<i class="fa fa-bolt"></i>
</span>
Storage server failed. </span>
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<!-- END TOP NAVIGATION MENU -->
</div>
<!-- END HEADER INNER -->
</div>
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner">
2014 &copy; Metronic by keenthemes.
</div>
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="../../assets/global/plugins/respond.min.js"></script>
<script src="../../assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../../assets/global/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="../../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery.pulsate.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-daterangepicker/moment.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
<!-- IMPORTANT! fullcalendar depends on jquery-ui-1.10.3.custom.min.js for drag & drop support -->
<script src="../../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="../../assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
<script src="../../assets/admin/layout/scripts/quick-sidebar.js" type="text/javascript"></script>
<script src="../../assets/admin/layout/scripts/demo.js" type="text/javascript"></script>
<script src="../../assets/admin/pages/scripts/index.js" type="text/javascript"></script>
<script src="../../assets/admin/pages/scripts/tasks.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
jQuery(document).ready(function() {    
   Metronic.init(); // init metronic core componets
   Layout.init(); // init layout
   QuickSidebar.init(); // init quick sidebar
   Demo.init(); // init demo features 
   Index.init();   
   Index.initDashboardDaterange();
   Index.initJQVMAP(); // init index page's custom scripts
   Index.initCalendar(); // init index page's custom scripts
   Index.initCharts(); // init index page's custom scripts
   Index.initChat();
   Index.initMiniCharts();
   Tasks.initDashboardWidget();
});
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>
it农民2
关注
个性化Notes客户端标题栏
weixin_33816300的博客
04-23 86
适用于：服务器和客户端 修改notes.ini，在任意空白处添加如下命令： Window_Title=此处添加文字 如：Window_Title=Welcome to Lotus Notes 转载于:https://blog.51cto.com/freemanluo/552077...
Velocity 模板
qianzhentaosg的专栏
07-28 466
xx工具 ##
Bootstrap Metronic 学习记录（二）菜单栏
weixin_33721427的博客
09-15 273
1.简介 1)  .环境配置 2)  .提取页面 2）.动态生成菜单（无限级别树） 2.系统环境配置 项目需要程序数据支撑，这里选择MVC5.0+EF6.0[SQLSERVER]（不对MVC架构和SQLServer做出解读） 运行环境：VS2013+MVC5.0+EF6.1+SQLServer2012 解决方案名称：AppSolution 项目名称：App.Web(UI层)与App....
Notes03:侧边导航菜单
宜家软件
02-17 1547
Metronic | Admin Dashboard Template   7 12 pending not
前端实时消息提示的效果-websocket长轮询
祈澈菇凉
10-10 4610
WebSocket是html5新增加的特性之一，可以实现客户端和服务器彼此之间相互通信，也可以实现跨域通信，目前大部分主流浏览器都支持，iE浏览器需要10版本以上。 需求：公司项目有一个报警模块，当后台接收到报警消息之后，需要及时的推送到浏览器上，显示给用户。 效果图如下： 1037884-20170810142855105-154946366...
Unity 3D 菜单栏&&快捷键详解
qwerwc的博客
11-29 1844
nity 3D菜单栏及快捷键详解 File 菜单 Edit 菜单 Assets 菜单 GameObject 菜单 Component 菜单 Window 菜单 Help 菜单 其他快捷键 Unity 3D菜单栏及快捷键详解 File 菜单 File 菜单主要用于打开和保存场景项目，同时也可以创建场景，具体功能及快捷键如下表所示。 命 令 功 能 快捷键 New Scene（新建场景） 创建一个新的场景 Ctrl + N Open Scene（打开场景） 打开一个已经创建的场景 Ctrl + O Save S
数据完整性的守护者：如何在SPSS中进行多重插补
最新发布
07-18
3. **选择分析类型**：点击顶部菜单栏的“分析”，然后选择“缺失值分析” -> “多重插补”。 4. **输入变量**：在弹出的对话框中，将需要插补的变量拖动到“变量”框中。 5. **设置插补参数**： - 选择插补方法...
Unity3d 周分享（17期 2019.5.18 ）
游戏路上的小学生
05-18 3073
选自过去1~2周 自己所看到外文内容：https://twitter.com/unity3d 和各种其他博客来源吧 1、 [Unity]介绍可以在游戏画面上显示FPS，内存，音频，设备信息的“Graphy” https://github.com/Tayx94/graphy 2、 [Unity]编辑器扩展，可以轻松选择重叠的uGUI对象 当有很多UI, 特别是UI重叠的时候， ...
用Kotlin撸一个图片压缩插件-插件基础篇(二)
Mikyou的专栏
07-02 1370
简述: 前两天写了篇用Kotlin撸一个图片压缩插件-导学篇，现在迎来了插件基础篇，没错这篇文章就是教你如何一步一步从零开始写一个插件，包括插件项目构建，运行，调试到最后的上线发布整个流程。如果你是插件零基础的小白，那么这篇文章适合你，而且这篇文章也是下面实战篇的基础. 插播一条消息(有人提需求了) ImageSlimming图片压缩插件开发完成后，马上就把它推荐给团队内部人员使用，在周会...
Android开源经典项目
Tamic （大白）
09-13 5758
Android开源项目大全，包括经典个人博客，组织和开源项目
HTML5+CSS3小实例：弹性旋转菜单
艾恩小灰灰的博客
04-29 280
HTML5+CSS3实现弹性旋转菜单，看过的人都说好看，我说这个没有用到JS，你敢信吗？ 效果： 源码： <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scal.
MenuItemToggle用法
w18767104183的专栏
12-13 4978
MenuItemImage* playImg = MenuItemImage::create("play.png", "pause.png"); MenuItemImage* pauseImg = MenuItemImage::create("pause.png","play.png"); MenuItemToggle* tog = MenuItemToggle::createWithTarg
管理员登录成功后隐藏禁用菜单
weixin_59334478的博客
05-26 305
如果一个权限被超级管理员禁用了之后，即使拥有该权限的管理员登录之后，此权限应当不可见或不可操作。 1.设置为不可用 在Index.jsp页面添加如下语句 <!-- 菜单2 --> <c:forEach items="${menuList}" var="menu1"> <li> <a href="#" class="dropdown-toggle"> &lt
ionic3 MenuToggle使用介绍
weixin_33894992的博客
05-27 413
在某个子页面，加上 menuToggle 属性即可作为触发开关： 只能配合 app.html 使用： 官网文档和例子： https://ionicframework.com/docs/api/components/menu/MenuToggle/ https://github.com/ionic-team/ionic/tree/v3/demos/src/menu/a...
bootstrap左侧滑动菜单效果
热门推荐
75闪光雷的博客
08-28 3万+
首先，需要下载bootstrap相关js，css 一个主页面： 滑动菜单 这是标题 这是标题一 这是标题一 这是标题一
MenuItemToggle的使用
coco小猿的博客
07-24 3577
在使用Mneu的时候，我们通常会使用MenuItem来创建Menu，而MenuItem的子类有很多，如下图： 我们经常会使用到的就是MenuItemImage和MenuItemSprite,在这里，就讲讲MenuItemToggle的用处和用法。 MeniItemToggle：它在内部拥有一个MenuItem数组，用来负责展示不同的按钮状态。因为使用了一个菜单按钮的数组，所以此类的
只用css3实现菜单的toggle效果
lihaofeifei的博客
10-29 1511
一、原理: 使用label与input来实现，label和复选框是有关联的,label的for属性对应的是input的id,所以点击label时,它就会勾选或取消复选框。 如果我们需要让菜单默认显示,只需要将input的checked属性设为true即可。 因为用到了css3的：checked属性，因此只适用于IE9+浏览器。 label可以设置为displ...
4-2 用户登陆接口与界面开发
kiloyip的博客
04-22 659
1、登陆 Controller@Controller public class UserController { @Autowired private SysUserService sysUserService; @RequestMapping("/login") public void login(HttpServletRequest request, HttpServletRes...
Lotus Notes入门：书签菜单与功能详解
预览邮件时，Lotus Notes默认不会将其标记为已读，但用户可以通过“文件”菜单的“用户习惯选项”来调整这一设置。 欢迎页面支持自定义，用户可以根据个人需求创建新的页面样式，比如设置主页为“收件箱”，以便...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值