jMenu/demo2.html at master · qquach/jMenu · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Testing jMenu</title>
<link href="css/jMenu.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jMenu.js"></script>
</head>
<body>
	<h1>Testing jMenu</h1>
	<pre>
		jMenu allow user to create context menu or normal menu.
	</pre>
	<h2>This is a demo for regular menu</h2>
	Move over the menu to see  sub menu

	<div id="menu_wrapper">
	</div>

	<script type="text/javascript">
		$("#menu_wrapper").jMenu({
			mode:"standard",
			items:[
			    {
			    	"label":"menu item1",
			    	"href":"#menu_item1"
			    },
			    {
			    	"label":"menu item2",
			    	"href":"#menu_item2"
			    },
			    {
			    	"label":"menu item3",
			    	"href":"#menu_item3"
			    },
			    {
			    	"label":"menu item4",
			    	"href":"#menu_item4"
			    },
			    {
			    	"label":"menu item5",
			    	"href":"#menu_item5",
			    	subMenu:[
	    	       		{
	    	       			"label":"sub51",
	    	       			"href":"#sub51"
	    	       		},
	    	       		{
	    	       			"label":"sub52",
	    	       			"href":"#sub52"
	    	       		},
	    	       		{
	    	       			"label":"sub53",
	    	       			"href":"#sub53"
	    	       		}
    	         	]
			    }
			]
		})
	</script>
</body>
</html>