| Author | Dave Jarvis <email> |
|---|---|
| Date | 2014-12-30 00:30:45 GMT-0800 |
| Commit | 98a178783248b40c73fa28897db33db8c6ba761b |
| Parent | ec2b8c2 |
| # Usage | ||
| -1. Include jQuery. | ||
| -1. Include `columns.js`. | ||
| 1. Include `theme.css`. | ||
| +1. Include jQuery library. | ||
| +1. Include `columns.js`. | ||
| +1. Create a element for the nested HTML list's columnar version. | ||
| +1. Add the nested HTML list inside the columnar element. | ||
| 1. Add the following code to the HTML document: | ||
| ``` | ||
| <script type="text/javascript"> | ||
| $(document).ready( function() { $("div.columns").millerColumns(); }); | ||
| </script> | ||
| ``` | ||
| + | ||
| +See the example `index.html` for technical details. | ||
| <title>Miller Columns Example</title> | ||
| <style type="text/css">body { padding: 1em; }</style> | ||
| + <link type="text/css" rel="stylesheet" href="theme.css"/> | ||
| - <link href="theme.css" type="text/css" rel="stylesheet"/> | ||
| - <!-- Should work with most jQuery versions. --> | ||
| <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> | ||
| <script type="text/javascript" src="columns.js"></script> | ||
| <script type="text/javascript"> | ||
| $(document).ready( function() { $("div.columns").millerColumns(); }); | ||
| </script> | ||
| + | ||
| </head> | ||
| <body> |
| Delta | 8 lines added, 4 lines removed, 4-line increase |
|---|