This repository has been archived by the owner on Feb 12, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathindex.html
70 lines (70 loc) · 3.57 KB
/
index.html
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
64
65
66
67
68
69
70
<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Pop! simple pop menus with jQuery</title>
<link href="stylesheets/pop.css" media="all" rel="stylesheet" type="text/css"/><link href="stylesheets/application.css" media="all" rel="stylesheet" type="text/css"/>
<script language="javascript" src="javascripts/jquery.js" type="text/javascript"></script><script language="javascript" src="javascripts/jquery.pop.js" type="text/javascript"></script>
<script type='text/javascript'>
$(document).ready(function(){
$.pop();
});
</script>
</head>
<body>
<div class='container'>
<h1>Pop!</h1>
<h2>enjoy simple dropdown menus with <em>pop!</em>, an unobtrusive javascript plugin for jquery.</h2>
<div class='menu'>
<h3>
Demo
<div class='pop'>
<p>you can put anything you want in here!</p>
<p>images, links, movies of your cats. you name it!</p>
<p>you can even have several on the same page.</p>
<p>hoorah!</p>
</div>
</h3>
</div>
<div class='download'>
<h3>Download</h3>
<h4><a href="http://github.com/seaofclouds/pop/tarball/master">Tar</a> <small>or</small> <a href="http://github.com/seaofclouds/pop/tree/master%2Fjavascripts%2Fjquery.pop.js?raw=true">Source</a> <small>or</small> <a href="http://github.com/seaofclouds/pop/">Github</a></h4>
</div>
<h3>Usage</h3>
<p>Include the stylesheet, with any of your mods.</p>
<code>
<link href="/pop/stylesheets/pop.css" media="all" rel="stylesheet" type="text/css"/>
</code>
<p>Include <a href="http://docs.jquery.com/Downloading_jQuery">jQuery</a> and <a href="http://github.com/seaofclouds/pop/tree/master%2Fjavascripts%2Fjquery.pop.js?raw=true">jquery.pop.js</a></p>
<code>
<script language="javascript" src="/pop/javascripts/jquery.js" type="text/javascript"></script><br />
<script language="javascript" src="/pop/javascripts/jquery.pop.js" type="text/javascript"></script>
</code>
<p>Initialize pop!</p>
<code>
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$.pop();<br />
});<br />
</script><br /><br />
</code>
<p>Wrap your popped element with your desired pop class.</p>
<code>
<div class='pop'><br />
<p>you can put anything you want in here!</p><br />
<p>images, links, movies of your cats. you name it!</p><br />
</div>
</code>
<h3>Contribute</h3>
<p>Bring your code slinging skills to <a href="http://github.com/seaofclouds/pop/">Github</a> and help us develop features like hover, chainable events and themes for pop!</p>
<code>
git clone [email protected]:seaofclouds/pop.git
</code>
<h3>Licensed under the MIT</h3>
<code>
<a href="http://www.opensource.org/licenses/mit-license.php">http://www.opensource.org/licenses/mit-license.php</a>
</code>
<p class='copyright'>something nifty from <a href="http://seaofclouds.com">seaofclouds</a> | © 2008 seaofclouds</p>
</div>
</body>
</html>