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