默认的select下拉菜单不容易美化,很多UI是无法通过css更改的,所以要美化先更改结构,下面介绍的美化插件尽管代码各异,但大部分都将默认的下拉菜单转化成样式可控的元素,例如div、ul、span等,这样就可以用CSS尽情定制了。

Chosen

chosen

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. WooCommerce中的国家选择器很美观,这个脚本实现的效果与之完全相同。

jQuery SelectBox By marcj

小清新的界面,支持optgroups

selectbox

SelectBoxIt

selectit

皮肤可定制,功能丰富,可定制化下载。

jQuery Selectbox plugin

selectbox

 一款类似jquery ui的select下拉菜单插件。

Select Multiple Form Fields

multiple-select

用ctrl+鼠标点选方式在长长的多选下拉菜单中选择几项绝不是什么愉快的事,这个插件省去了按键盘的麻烦。

jQuery .customSelect()

customselect

轻量级的select美化插件,与其它不同的是,它的原理是在原始select box上加一个可以用css控制样式的span标签,所以它仍然使用了select的默认功能,兼容IE6浏览器。

1条留言

  1. 其实就用js控制非selec的Dom元素模拟下拉菜单而已。哈哈,标题党了~~

评论功能已关闭