<!doctype html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content="
initial-scale
=
1
.0,
maximum-scale
=
1
.0,
user-scalable
=
no
">
<
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"
style
=
"position:relative"
>
<
header
>
<
div
class
=
"m-toolbar"
>
<
div
class
=
"m-title"
>
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:'#menuID1',outline:true"
style
=
"width:70px"
>
History
</
a
>
<
a
href
=
"javascript:void(0)"
class
=
"easyui-menubutton"
data-options
=
"menu:'#menuID2',outline:true"
style
=
"width:95px"
>
Bookmarks
</
a
>
class
=
"easyui-linkbutton"
data-options
=
"plain:true,outline:true"
style
=
"width:70px"
>
About
</
a
>
</
div
>
</
div
>
</
header
>
</
div
>
<
div
id
=
"menuID1"
class
=
"easyui-menu"
style
=
"width:150px;"
>
<
div
>New tab</
div
>
<
div
>New Window</
div
>
<
div
class
=
"menu-sep"
></
div
>
<
div
>Edit</
div
>
<
div
>Cut</
div
>
<
div
>Copy</
div
>
<
div
>Paste</
div
>
<
div
class
=
"menu-sep"
></
div
>
<
div
>Settings</
div
>
<
div
data-options
=
"iconCls:'icon-remove'"
>
Clear
</
div
>
<
div
>Exit</
div
>
</
div
>
<
div
id
=
"menuID2"
style
=
"width:100px;"
>
<
div
>History</
div
>
<
div
>Downloads</
div
>
</
div
>
</
body
>
</
html
>