Skip to content

Commit

Permalink
Merge branch 'master' of github.com:andrewfiorillo/FancySelect
Browse files Browse the repository at this point in the history
  • Loading branch information
andrewfiorillo committed Feb 26, 2012
2 parents 349980c + 9e239e4 commit 6a1e1c3
Showing 1 changed file with 40 additions and 0 deletions.
40 changes: 40 additions & 0 deletions README.md
@@ -0,0 +1,40 @@
#Fancy Select

Custom select boxes that retain native functionality. A work in progress.

<a href="http://www.stuffmadeofthings.com/fancyselect/" target="_blank">View Demo &rarr;</a>


##Premise

- Allow full custom-styled select elements, primarily through CSS
- Minimal additional markup
- Minimal js needed
- Retain (not recreate) native functionality like tabbing, keyboard control, and native dropdown menu
- Degrade gracefully for browsers that don't support (IE6 and IE7)


##Usage

include fancyselect.css, jquery.js, and fancyselect.js:

```html
<link rel="stylesheet" href="css/fancyselect.css" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/fancyselect.js"></script>
```

Call fancyselect on the selects you want to style:

```JavaScript
$(document).ready(function() {
$("#wrapper select").fancyselect();
});
```


##Still to do
- Cross-browser fixes
- Smarter plugin implementation
- Testing, testing testing

0 comments on commit 6a1e1c3

Please sign in to comment.