Mac-Style Drop Down Menu
Description
This plugin dynamically skin default form's drop down menu, i.e. <select>, of choice as if rendered on Safari browser; thus, the name: Mac-Style Drop Down Menu.
In a general sense, the plugin serves as a foundation for further customization (new skin, animation, etc.). This is particularly useful when you want to create a drop down menu that has consistent look across different browsers. Please don't hesitate to create support requests if you have any problems or suggestions/comments.
Design
- Safe-fail: the default drop down will still work when Javascript is disabled.
- Progressive enhancement (at least, I tried hard to comply).
Latest Releases
Version 1.0, for download and release notes please go to modmac v1.0.
For older versions, see Releases below.
Compatibility
This plugin has been tested to be compatible with Internet Explorer 7.0, Firefox 2.0, and Safari 2.0 or greater.
How to Use
Call modmac function on <select> element to which you want to apply the skin. Yep, that's all you need to do.
...
$(document).ready(function() {
$('#id').modmac();
});
...
<form method="get" action="/scripts/backend.php">
<!-- simply code using the default markup -->
<select id="id" name="month">
<option value="January" selected="selected">January</option>
<option value="February">February</option>
<option value="March">March</option>
</select>
...
Demo
Please visit: http://www.mulyadi.org/demo/jquery/modmac/modmac.html