Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

71 lines (70 sloc) 3.651 kb
<?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>
&lt;link href=&quot;/pop/stylesheets/pop.css&quot; media=&quot;all&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
</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>
&lt;script language=&quot;javascript&quot; src=&quot;/pop/javascripts/jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br />
&lt;script language=&quot;javascript&quot; src=&quot;/pop/javascripts/jquery.pop.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</code>
<p>Initialize pop!</p>
<code>
&lt;script type=&apos;text/javascript&apos;&gt;<br />
&nbsp;&nbsp;&nbsp;$(document).ready(function(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.pop();<br />
&nbsp;&nbsp;&nbsp;});<br />
&lt;/script&gt;<br /><br />
</code>
<p>Wrap your popped element with your desired pop class.</p>
<code>
&lt;div class=&apos;pop&apos;&gt;<br />
&nbsp;&nbsp;&nbsp;&lt;p&gt;you can put anything you want in here!&lt;/p&gt;<br />
&nbsp;&nbsp;&nbsp;&lt;p&gt;images, links, movies of your cats. you name it!&lt;/p&gt;<br />
&lt;/div&gt;
</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 git@github.com: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> | &copy; 2008 seaofclouds</p>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.