Mac-Style Drop Down Menu

Mac-Style Drop Down Menu
 点击预览  点击下载
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.
  1. ... 
  2. $(document).ready(function() { 
  3. $('#id').modmac(); 
  4. }); 
  5. ... 
  6. <form method="get" action="/scripts/backend.php"
  7.   <!-- simply code using the default markup --> 
  8.   <select id="id" name="month"
  9.     <option value="January" selected="selected">January</option> 
  10.     <option value="February">February</option> 
  11.     <option value="March">March</option> 
  12.   </select> 
  13.   ... 

 

 

转载请注明:代码家园 » Mac-Style Drop Down Menu

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)