source: documentation/trunk/tutorial_sample_files/libraries/althor/js/superfish-1.4.8/example.html@ 28599

Last change on this file since 28599 was 28599, checked in by jlwhisler, 10 years ago

Draft interface for use in Defining Libraries tutorial.

File size: 3.3 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2"http://www.w3.org/TR/html4/strict.dtd">
3<html lang="en">
4 <head>
5 <title>A very basic Superfish menu example</title>
6 <meta http-equiv="content-type" content="text/html;charset=utf-8">
7 <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">
8 <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
9 <script type="text/javascript" src="js/hoverIntent.js"></script>
10 <script type="text/javascript" src="js/superfish.js"></script>
11 <script type="text/javascript">
12
13 // initialise plugins
14 jQuery(function(){
15 jQuery('ul.sf-menu').superfish();
16 });
17
18 </script>
19 </head>
20 <body>
21 <ul class="sf-menu">
22 <li class="current">
23 <a href="#a">menu item</a>
24 <ul>
25 <li>
26 <a href="#aa">menu item that is quite long</a>
27 </li>
28 <li class="current">
29 <a href="#ab">menu item</a>
30 <ul>
31 <li class="current"><a href="#">menu item</a></li>
32 <li><a href="#aba">menu item</a></li>
33 <li><a href="#abb">menu item</a></li>
34 <li><a href="#abc">menu item</a></li>
35 <li><a href="#abd">menu item</a></li>
36 </ul>
37 </li>
38 <li>
39 <a href="#">menu item</a>
40 <ul>
41 <li><a href="#">menu item</a></li>
42 <li><a href="#">menu item</a></li>
43 <li><a href="#">menu item</a></li>
44 <li><a href="#">menu item</a></li>
45 <li><a href="#">menu item</a></li>
46 </ul>
47 </li>
48 <li>
49 <a href="#">menu item</a>
50 <ul>
51 <li><a href="#">menu item</a></li>
52 <li><a href="#">menu item</a></li>
53 <li><a href="#">menu item</a></li>
54 <li><a href="#">menu item</a></li>
55 <li><a href="#">menu item</a></li>
56 </ul>
57 </li>
58 </ul>
59 </li>
60 <li>
61 <a href="#">menu item</a>
62 </li>
63 <li>
64 <a href="#">menu item</a>
65 <ul>
66 <li>
67 <a href="#">menu item</a>
68 <ul>
69 <li><a href="#">short</a></li>
70 <li><a href="#">short</a></li>
71 <li><a href="#">short</a></li>
72 <li><a href="#">short</a></li>
73 <li><a href="#">short</a></li>
74 </ul>
75 </li>
76 <li>
77 <a href="#">menu item</a>
78 <ul>
79 <li><a href="#">menu item</a></li>
80 <li><a href="#">menu item</a></li>
81 <li><a href="#">menu item</a></li>
82 <li><a href="#">menu item</a></li>
83 <li><a href="#">menu item</a></li>
84 </ul>
85 </li>
86 <li>
87 <a href="#">menu item</a>
88 <ul>
89 <li><a href="#">menu item</a></li>
90 <li><a href="#">menu item</a></li>
91 <li><a href="#">menu item</a></li>
92 <li><a href="#">menu item</a></li>
93 <li><a href="#">menu item</a></li>
94 </ul>
95 </li>
96 <li>
97 <a href="#">menu item</a>
98 <ul>
99 <li><a href="#">menu item</a></li>
100 <li><a href="#">menu item</a></li>
101 <li><a href="#">menu item</a></li>
102 <li><a href="#">menu item</a></li>
103 <li><a href="#">menu item</a></li>
104 </ul>
105 </li>
106 <li>
107 <a href="#">menu item</a>
108 <ul>
109 <li><a href="#">menu item</a></li>
110 <li><a href="#">menu item</a></li>
111 <li><a href="#">menu item</a></li>
112 <li><a href="#">menu item</a></li>
113 <li><a href="#">menu item</a></li>
114 </ul>
115 </li>
116 </ul>
117 </li>
118 <li>
119 <a href="#">menu item</a>
120 </li>
121 </ul>
122 </body>
123</html>
Note: See TracBrowser for help on using the repository browser.