Commit 76a0033a authored by 季圣华's avatar 季圣华
Browse files

清空旧版本

parent df57ada9
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>NumberSpinner - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <div class="m-title">NumberSpinner</div> </div> </header> <ul class="m-list"> <li> <input class="easyui-numberspinner" style="width:100%;" data-options=" label: 'Basic Number:', labelPosition: 'top' "> </li> <li> <input class="easyui-numberspinner" style="width:100%;" data-options=" label: 'Increment Number:', labelPosition: 'top', value: 1000, increment: 100 "> </li> <li> <input class="easyui-numberspinner" style="width:100%;" data-options=" label: 'Format Number:', labelPosition: 'top', value: 23893, groupSeparator: ',', decimalSeparator: '.', prefix: '$' "> </li> </ul> </div></body> </html>
\ No newline at end of file
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>TextBox - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <div class="m-title">TextBox</div> </div> </header> <ul class="m-list"> <li> <input class="easyui-textbox" style="width:100%" data-options=" label: 'Standard TextBox:', labelPosition: 'top', prompt: 'Search...' "> </li> <li> <input class="easyui-textbox" style="width:100%" data-options=" label: 'Icon:', labelPosition: 'top', iconCls: 'icon-search' "> </li> <li> <input class="easyui-textbox" style="width:100%" data-options=" label: 'Button:', labelPosition: 'top', buttonText: 'Search' "> </li> </ul> </div></body> </html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic Layout - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">Layout</div>
<div class="m-left">
<a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true">Back</a>
</div>
<div class="m-right">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true" outline="true">Search</a>
</div>
</div>
</header>
<footer style="padding:2px 3px">
<input class="easyui-textbox" style="width:100%;height:32px;" data-options="prompt:'Type something here',buttonText:'<span style=\'padding:0 15px\'>Send</span>'">
</footer>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Basic Menu - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">Menu</div>
<div class="m-right">
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true"></a>
<a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-more',menu:'#mm',menuAlign:'right',hasDownArrow:false"></a>
</div>
</div>
</header>
</div>
<div id="mm" class="easyui-menu" style="width:150px;">
<div data-options="iconCls:'icon-undo'">Undo</div>
<div data-options="iconCls:'icon-redo'">Redo</div>
<div class="menu-sep"></div>
<div>Cut</div>
<div>Copy</div>
<div>Paste</div>
<div class="menu-sep"></div>
<div>Toolbar</div>
<div data-options="iconCls:'icon-remove'">Delete</div>
<div>Select All</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Menubar - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,outline:true" style="width:70px">Home</a>
<a href="javascript:void(0)" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-edit',outline:true" style="width:70px">Edit</a>
<a href="javascript:void(0)" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-help',outline:true" style="width:75px">Help</a>
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,outline:true" style="width:70px">About</a>
</div>
</div>
</header>
</div>
<div id="mm1" class="easyui-menu" style="width:150px;">
<div data-options="iconCls:'icon-undo'">Undo</div>
<div data-options="iconCls:'icon-redo'">Redo</div>
<div class="menu-sep"></div>
<div>Cut</div>
<div>Copy</div>
<div>Paste</div>
<div class="menu-sep"></div>
<div>Toolbar</div>
<div data-options="iconCls:'icon-remove'">Delete</div>
<div>Select All</div>
</div>
<div id="mm2" style="width:100px;">
<div>Help</div>
<div>Update</div>
<div>About</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AJAX Content</title>
</head>
<body>
<p style="font-size:14px">Here is the content loaded via AJAX.</p>
<ul>
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
<li>easyui provides essential functionality for building modern, interactive, javascript applications.</li>
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
<li>complete framework for HTML5 web page.</li>
<li>easyui save your time and scales while developing your products.</li>
<li>easyui is very easy but powerful.</li>
</ul>
</body>
</html>
\ No newline at end of file
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Ajax Panel - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel" data-options="href:'_content.html'" style="padding:10px"> <header> <div class="m-toolbar"> <div class="m-title">Ajax Panel</div> </div> </header> <footer> <div class="m-toolbar"> <div class="m-title">Panel Footer</div> </div> </footer> </div></body> </html>
\ No newline at end of file
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Basic Panel - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <div class="m-title">Panel Header</div> </div> </header> <footer> <div class="m-toolbar"> <div class="m-title">Panel Footer</div> </div> </footer> </div></body> </html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Navigation Panel - jQuery EasyUI Mobile Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/mobile.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
</head>
<body>
<div class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">Navigation</div>
</div>
</header>
<div style="margin:50px 0 0;text-align:center">
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100px;height:30px" onclick="$.mobile.go('#p2')">Goto Panel2</a>
</div>
</div>
<div id="p2" class="easyui-navpanel">
<header>
<div class="m-toolbar">
<div class="m-title">Panel2</div>
<div class="m-left">
<a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
</div>
</div>
</header>
<div style="margin:50px 0 0;text-align:center">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$.mobile.back()">Go Back</a>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Simple List - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script></head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Simple List</span> </div> </header> <ul class="m-list"> <li>Large</li> <li>Spotted Adult Female</li> <li>Venomless</li> <li>Rattleless</li> <li>Green Adult</li> <li>Tailless</li> <li>With tail</li> <li>Adult Female</li> </ul> </div></body> </html>
\ No newline at end of file
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Button on List - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> <style> </style> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Button on List</span> </div> </header> <ul class="m-list"> <li>HP Deskjet 1000 Printer <div class="m-right"> <a href="javascript:void(0)" class="easyui-linkbutton">Add</a> </div> </li> <li>Epson WorkForce 845 <div class="m-right"> <a href="javascript:void(0)" class="easyui-linkbutton">Add</a> </div> </li> <li>Logitech Keyboard K120 <div class="m-right"> <a href="javascript:void(0)" class="easyui-linkbutton">Add</a> </div> </li> <li>Nikon COOLPIX L26 16.1 MP <div class="m-right"> <a href="javascript:void(0)" class="easyui-linkbutton">Add</a> </div> </li> <li>SanDisk Sansa Clip Zip 4GB <div class="m-right"> <a href="javascript:void(0)" class="easyui-linkbutton">Add</a> </div> </li> <li>BLUE MP3 Metal Mini Clip Player <div class="m-right"> <a href="javascript:void(0)" class="easyui-linkbutton">Add</a> </div> </li> </ul> </div></body> </html>
\ No newline at end of file
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Group List - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Group List</span> </div> </header> <ul class="m-list"> <li class="m-list-group">FL-DSH-01</li> <li><a href="javascript:void(0)" onclick="openit(this)">Large</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Spotted Adult Female</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Venomless</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Rattleless</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Green Adult</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Tailless</a></li> <li class="m-list-group">FL-DSH-02</li> <li><a href="javascript:void(0)" onclick="openit(this)">With tail</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Adult Female</a></li> </ul> </div> <div id="p2" class="easyui-navpanel"> <header> <div class="m-toolbar"> <span id="p2-title" class="m-title">Detail</span> <div class="m-left"> <a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true" onclick="$.mobile.back()">Back</a> </div> </div> </header> <div style="margin:50px 0 0;text-align:center"> <a href="javascript:void(0)" class="easyui-linkbutton" style="width:100px;height:30px" onclick="$.mobile.back()">Go Back</a> </div> </div> <script type="text/javascript"> function openit(target){ var text = $(target).text(); $('#p2-title').html(text); $.mobile.go('#p2'); } </script></body> </html>
\ No newline at end of file
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>List with Image - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">List with Image</span> </div> </header> <ul id="list" class="m-list"> <li> <img class="list-image" src="../images/modem.png"/> <div class="list-header">modem</div> <div class="list-content">modulates an analog carrier signal to encode digital information.</div> </li> <li> <img class="list-image" src="../images/scanner.png"/> <div class="list-header">scanner</div> <div class="list-content">scans images, printed text, handwriting, or an object.</div> </li> <li> <img class="list-image" src="../images/pda.png"/> <div class="list-header">pda</div> <div class="list-content">A personal digital assistant.</div> </li> <li> <img class="list-image" src="../images/tablet.png"/> <div class="list-header">tablet</div> <div class="list-content">one-piece mobile computer.</div> </li> </ul> </div> <style scoped> #list .list-image{ width: 32px; height: 32px; border: 0; margin-right: 5px; float: left; } #list .list-header{ font-size: 16px; font-weight: bold; } #list .list-content{ text-overflow: ellipsis; overflow: hidden; } </style></body> </html>
\ No newline at end of file
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Link List - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Link List</span> </div> </header> <ul class="m-list"> <li><a href="javascript:void(0)" onclick="openit(this)">Large</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Spotted Adult Female</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Venomless</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Rattleless</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Green Adult</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Tailless</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">With tail</a></li> <li><a href="javascript:void(0)" onclick="openit(this)">Adult Female</a></li> </ul> </div> <div id="p2" class="easyui-navpanel"> <header> <div class="m-toolbar"> <span id="p2-title" class="m-title">Detail</span> <div class="m-left"> <a href="javascript:void(0)" class="easyui-linkbutton m-back" plain="true" outline="true" onclick="$.mobile.back()">Back</a> </div> </div> </header> <div style="margin:50px 0 0;text-align:center"> <a href="javascript:void(0)" class="easyui-linkbutton" style="width:100px;height:30px" onclick="$.mobile.back()">Go Back</a> </div> </div> <script type="text/javascript"> function openit(target){ var text = $(target).text(); $('#p2-title').html(text); $.mobile.go('#p2'); } </script></body> </html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment