Select 下拉列表选择美化插件

 Select-下拉列表选择插件包含下拉选择图片,grid,下拉框选项的搜索,多个标签编辑,为下拉框中的每个选项添加不同图标等功能

 

      1)ImageSelect是一个jQuery插件能够让用户从一个漂亮的下拉框中选择图片。

主页:

select/">http://www.liam-galvin.co.uk/imageselect/

演示地址:

http://www.liam-galvin.co.uk/misc/imageselect-demo/

 

 

 

     2)multiselect这是一个jQuery UI插件,可以将有多个选择内容的组合框转换为下拉菜单样式

 

主页:

http://corydorning.com/projects/multiselect

 

 

       3)JQuery MagicCombo是一款下拉选择插件,除支持一般的下拉选择之外,并且支持下拉grid选择.

 

主页:

javascript/combo/grid2.html">http://www.boarsoft.com/cn/javascript/combo/grid2.html

 

 

 

      4)Chosen是一个javsacript插件,能够将原始的下拉选择框转成更加美观,对用户更友好的选择框控件。当前提供基于jQuery和Prototype实现的两种版本。

 

主页:

http://harvesthq.github.com/chosen/

 

 

 

      5)jQuery Chosen Plugin 是一个 jQuery 插件,用来将表单中的下拉选择框进行功能扩展和美化。可实现对下拉框选项的搜索,多个标签编辑等功能.

 

主页:

http://davidwalsh.name/jquery-chosen

演示地址:

php">http://davidwalsh.name/dw-content/jquery-chosen.php

 

 

      6)jQuery UI Selectmenu是一个自定义的HTML Select控件。可以配置不同的外观,为下拉选项添加图标, 创建具有层级关系的下拉选项。

 

主页:

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select

演示地址:

http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

 

 

 

      7)jquery-image-dropdown这个jQuery插件能够将普通的select下拉选择控件转换成,一个可以为下拉框中的每个选项添加不同图标的控件。

主页:

http://marghoobsuleman.com/jquery-image-dropdown

演示地址:

http://marghoobsuleman.com/mywork/jcomponents/customdropdown/dropDownCustom.html

 

 

     8)Dropdown Check List 是一个 jQuery 插件,用来将一个普通的 Select 框转变成具有选择效果的下拉框。

 

项目名称:

Dropdown Check List

主页:

http://code.google.com/p/dropdown-check-list/

演示地址:

http://dropdown-check-list.googlecode.com/svn/trunk/src/demo.html

 

时间: 2024-11-01 16:01:53

Select 下拉列表选择美化插件的相关文章

jquery模仿select下拉列表效果代码

jquery模仿select下拉列表效果代码 通过dl模拟实现select下拉列表. 其实这是项目中要常用到的一个效果, 于是, 在之前写的基础上封装成了一个插件. 可自定义样式, 可防止用户本意划过时触发事件. 具体思路就不说了,比较常规, 代码中也有注释. 使用方法也不费话了, 就是一个简单的全局函数封装, 不懂的看下源码中注释或google. 另外, 有兴趣的朋友,可以尝试在本插件基础上改一个可输入的下拉列表 <style> #demo{position:relative;width:5

jQuery表单美化插件jqTransform使用详解_jquery

jQuery Form表单美化插件jqTransform,非常实用的jQuery插件,自动把你整个Form表单进行美化处理,包括SELECT下拉框.文本框.单选.复选框.按钮等,当然不支持input file文件选择框,这个可以参照我们之前的input file选择框美化教程进行改造,在浏览器兼容方面,兼容 ie 6+, safari 2+, firefox 2+,插件还是很不错的,使用起来也很简单,推荐学习和使用. 使用方法: 1.加载jQuery和插件 <script type="te

用CSS改变select下拉列表的边框

用CSS改变select下拉列表的边框样式代码. 以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

jQuery扁平化风格下拉框美化插件FancySelect使用指南

 这篇文章主要介绍了jQuery扁平化风格下拉框美化插件FancySelect使用指南,需要的朋友可以参考下     FancySelect是一款小巧实用的jQuery下拉框美化插件.该下拉框美化插件采用扁平化设计风格,是追求时尚的开发者的首选下拉框美化插件之一. 使用方法 HTML结构 FancySelect实用十分简单,它可以和jQuery或Zepto结合使用.在页面中放置一些 <select> 下拉框组件,然后就可以通过 .fancySelect() 方法来调用该下拉框插件.如果下拉框中

HTML的select控件美化

原文:HTML的select控件美化 HTML的select控件美化 CSS: .div-select { border: solid 1px #999; height: 40px; line-height: 40px; cursor: default; } .div-select-text { float: left; background-color: #fff; height: 100%; word-break: keep-all; overflow: hidden; cursor: de

用jquery对select动态选择问题

问题描述 用jquery对select动态选择问题 <select id="menuSelectType" name="menuSelectType"> <optgroup label="线上支付"> <option value="5001">微信支付</option> <option value="5002">支付宝支付</option&g

基于jquery的用dl模拟实现可自定义样式的SELECT下拉列表(已封装)_jquery

Mr.Think的个人博客 @专注前端技术,热爱PHP,崇尚简单生活. 返回文章页:用dl模拟实现可自定义样式的SELECT下拉列表@Mr.Think 用dl模拟实现可自定义样式的SELECT下拉列表 1. 充分考虑用户体验, 快速划过不会触发; 2. 可根据需求自定义各种样式; 3. 如果你有兴趣, 你还可以改进成即可输入值又可下拉的下拉列表. 请选择标签类别 时事 新闻 技术互联网 新玩意儿 读书 音乐 影视 兴趣 爱好 活动 事业 理财 生活 情感 娱乐 体育 请选择标签类别 时事 新闻

jQuery扁平化风格下拉框美化插件FancySelect使用指南_jquery

FancySelect是一款小巧实用的jQuery下拉框美化插件.该下拉框美化插件采用扁平化设计风格,是追求时尚的开发者的首选下拉框美化插件之一. 使用方法 HTML结构 FancySelect实用十分简单,它可以和jQuery或Zepto结合使用.在页面中放置一些 <select> 下拉框组件,然后就可以通过 .fancySelect() 方法来调用该下拉框插件.如果下拉框中有某个选项没有值,该插件会使用某种占位文字来代替它. 默认情况下,FancySelect 在 iOS 设备上仅使用原生

基于Form Effect 的表单美化插件介绍

Form Effect - 表单美化插件          1)Formly这个基于jQuery的表单美化插件,并带有表单校验功能. http://thrivingkings.com/formly/                 2)jQuery Tags Input这个jQuery插件能够将一个简单的文本输入转换成一个漂亮的Tag列表. http://xoxco.com/clickable/jquery-tags-input 演示地址: http://xoxco.com/clickable/