下拉框Dropmenu

下拉框 Dropmenu - 图1

  1. <div class="dropmenu">
  2. <a>BackgroundColor:<small>White</small></a>
  3. <ul>
  4. <li><a href="#">White</a></li>
  5. <li><a href="#">Black</a></li>
  6. <li><a href="#">Red</a></li>
  7. <li><a href="#">Blue</a></li>
  8. <li><a href="#">Green</a></li>
  9. </ul>
  10. </div>

激活与禁用Active and Disabled

为<li>元素添加class="active"转换为激活项,添加class="disabled"转换为禁用项

下拉框 Dropmenu - 图2

  1. <div class="dropmenu">
  2. <a>Dropmenu:<small>All</small></a>
  3. <ul>
  4. <li><a href="#">Default</a></li>
  5. <li class="active"><a href="#">Active</a></li>
  6. <li class="disabled"><a href="#">Disabled</a></li>
  7. </ul>
  8. </div>

反色Inverse

添加class="inverse"转换为反色效果

下拉框 Dropmenu - 图3

  1. <div class="dropmenu inverse">
  2. ...
  3. </div>

自定义风格Custom Style

可以使用自定义风格工具快速创建CSS

下拉框 Dropmenu - 图4

  1. <div class="dropmenu mystyle">
  2. ...
  3. </div>