主攻ASP.NET MVC4.0之重生:Jquery Mobile 面板
左滑动面板效果:
右滑动面板效果:
@{
ViewBag.Title = "JQuery Mobile Web Page";
} <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jquery Mobile Web Page</title>
<link href="~/Content/css/themes/default/jquery.mobile.structure-1.4.0-beta.1.min.css" rel="stylesheet" />
<link href="~/Content/css/themes/default/jquery.mobile-1.4.0-beta.1.min.css" rel="stylesheet" />
<script src="~/Content/js/jquery.js"></script>
<script src="~/Content/js/jquery.mobile-1.4.0-beta.1.js"></script>
</head>
<body> <div data-role="page" id="page"> <div data-role="header">
<h4>人力资源管理系统 </h4>
<a href="#leftpanel" data-icon="gear" class="ui-btn-left" data-mini="true">职位</a>
<a href="#rightpanel" data-icon="bars" class="ui-btn-right" data-mini="true">设置</a>
<div data-role="navbar">
<ul>
<li><a href="#" class="ui-btn-active">人事资料</a></li>
<li><a href="#" class="ui-btn-active">招聘管理</a></li>
<li><a href="#" class="ui-btn-active">考勤管理</a></li>
<li><a href="#" class="ui-btn-active">培训管理</a></li>
</ul>
</div>
<!-- /navbar --> </div> <div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="a">
<li>通讯录管理</li>
<li>参与培训计划</li>
<li>企业公告发布浏览</li>
<li>工资查询
</li>
<li>考勤查询
</li>
<li>出差查询
</li>
<li>休假查询
</li> </ul> </div>
<div data-role="panel" id="leftpanel" data-theme="a">
<a href="#" data-theme="a" data-role="button" data-icon="arrow-r" data-mini="true" data-inline="true" data-rel="close">返回</a>
<ul data-role="listview" data-inset="true" data-theme="a">
<li>项目经理
</li>
<li>项目执行经理
</li>
<li>技术负责人
</li>
<li>生产经理
</li>
<li>
<select name="slider-flip-m" id="slider-flip-m" data-role="slider" data-mini="true" data-theme="a">
<option value="off">关</option>
<option value="on" selected="">开</option>
</select><h2>离线获取员工资料</h2>
</li>
</ul> <!-- panel content goes here -->
</div>
<div data-role="panel" id="rightpanel" data-theme="b" data-position="right">
<ul data-role="listview" data-inset="true" data-theme="a">
<li>用户管理</li>
<li>角色管理</li>
<li>系统日志</li>
<li>密码修改</li>
<li>机构管理</li>
</ul>
<a href="#" data-theme="a" data-role="button" data-icon="check" data-mini="true" data-inline="true" data-rel="close">保存</a>
<!-- panel content goes here -->
</div>
<!-- /panel -->
<div data-role="footer">
<h1>Copyright 2013 </h1>
</div>
</div>
</body>
</html>
主攻ASP.NET MVC4.0之重生:Jquery Mobile 面板的更多相关文章
- 主攻ASP.NET MVC4.0之重生:Jquery Mobile 列表
代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title ...
- 主攻ASP.NET MVC4.0之重生:Jquery Mobile 表单元素
相关代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit ...
- 主攻ASP.NET MVC4.0之重生:Jquery Mobile 按钮+对话框使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- 主攻ASP.NET MVC4.0之重生:ASP.NET MVC使用JSONP
原文:主攻ASP.NET MVC4.0之重生:ASP.NET MVC使用JSONP 原文地址 http://www.codeguru.com/csharp/.net/net_asp/using-jso ...
- 主攻ASP.NET MVC4.0之重生:Asp.Net MVC WebApi OData
1.新建MVC项目,安装OData Install-Package Microsoft.AspNet.WebApi.OData -Version 4.0.0 2.新建WebAPI Controller ...
- 主攻ASP.NET MVC4.0之重生:ASP.NET MVC Web API
UserController代码: using GignSoft.Models; using System; using System.Collections.Generic; using Syste ...
- 主攻ASP.NET MVC4.0之重生:CheckBoxListHelper和RadioBoxListHelper的使用
在项目中新建Helpers文件夹,创建CheckBoxListHelper和RadioBoxListHelper类. CheckBoxListHelper代码 using System; using ...
- 主攻ASP.NET MVC4.0之重生:MVC Controller修改Controller.tt模版,自动添加版本注释信息
第一步找到MVC 4.0 CodeTemplates 一般路径在:C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\IDE\Ite ...
- 主攻ASP.NET MVC4.0之重生:上下滑动屏幕动态加载数据
@{ ViewBag.Title = "Index"; } <!DOCTYPE html> <html> <head> ...
随机推荐
- bat遍历当前目录下的文件,批量重命名
@echo off setlocal enabledelayedexpansion for %%x in (*) do ( if not "%%x"=="demo.bat ...
- Redis快速入门及实现
redis的概念 (1)Redis的优点 以下是Redis的一些优点. 异常快 - Redis非常快,每秒可执行大约110000次的设置(SET)操作,每秒大约可执行81000次的读取/获取(GET) ...
- C# 持续序列化对象追加到文件的方法
最近有个需求,将内存和帧数数据序列化到二进制文件.为了节省内存,采用了100个对象的数组,每次存满就序列化到文件,然后归零继续存,以追加的性式继续序列化到原有文件. 这样相当于多个数组对象存在了同一个 ...
- android Material design是什么
Material design概述: Material design是一套UI样式标准,应该会提供一些新的API这写API包含了以下五大模块内容,分别是: Material Theme New Wid ...
- KnockOut 绑定之foreach绑定(mvc+knockout)
什么时候使用foreach绑定 foreach绑定对于数组中的每一个元素复制一节标记语言,也就是html,并且将这节标记语言和数组里面的每一个元素绑定.当我们呈现一组list数据,或者一个表格的时候, ...
- 【matlab】View视点函数
view(az,el) view(az,el);或view([az el]);均可.
- redis字典的底层实现hashTable
Redis的字典使用哈希表作为底层实现.一个哈希表里面可以有多个哈希表节点,而每个哈希表节点就保存了字典中的一个键值对 哈希表的数据结构为 table属性是一个数组,数组中的每个元素都是指向dictE ...
- poj 1717==洛谷P1282 多米诺骨牌
Dominoes Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 6571 Accepted: 2178 Descript ...
- @tap的传参和对全局变量的修改 onTap方法的k-v参数同时传入;
小程序wepy <view class="weui-panel__bd" @tap="onTap(e)" data-tapkey="itemNa ...
- bat masterNodeRun.bat
C:\> compare C:\> compare C:\>D:\cmd\wphp.bat C:\> compareReq -- :: TODO StartScript -- ...