基于JQuery的Select选择框的华丽变身


Posted in Javascript onAugust 23, 2011

不过这种情况可能是一去不复返了,如果你猜测是使用HTML5技术, 那就错了,在中国,使用IE6浏览器的人仍占绝大大多数,这种古老的浏览器是不认识HTML5的。

我现在推荐的是一款JavaScript插件,它有JQuery和Prototype两种版本,支持所有类型的浏览器。使用它后,你的页面上的select选择框会变的漂亮的让你大吃一惊,下面是使用前和使用后的对比效果图。

单选模式:

基于JQuery的Select选择框的华丽变身
基于JQuery的Select选择框的华丽变身

多选模式:

基于JQuery的Select选择框的华丽变身

更多的效果请访问这个插件的官方主页的中文翻译Chosen演示页面。

具体的用法非常简单,你只需要在select是加入class=”chzn-select”属性就行了,然后调用 jquery: $(“.chzn-select”).chosen(),一切都搞定。

Javascript 相关文章推荐
js中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
图片延迟加载的实现代码(模仿懒惰)
Mar 29 Javascript
用Jquery重写windows.alert方法实现思路
Apr 03 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
Webpack实战加载SVG的方法
Dec 26 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
微信小程序列表中item左滑删除功能
Nov 07 Javascript
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
node.js域名解析实现方法详解
Nov 05 Javascript
MooTools 页面滚动浮动层智能定位实现代码
Aug 23 #Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
Aug 23 #Javascript
jQuery页面滚动浮动层智能定位实例代码
Aug 23 #Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 #Javascript
30个精美的jQuery幻灯片效果插件和教程
Aug 23 #Javascript
js 函数的副作用分析
Aug 23 #Javascript
javascript 运算数的求值顺序
Aug 23 #Javascript
You might like
PHP堆栈调试操作简单示例
2018/06/15 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
jQuery setTimeout()函数使用方法
2013/04/07 Javascript
javascript之typeof、instanceof操作符使用探讨
2013/05/19 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
2013/06/09 Javascript
JavaScript中按位“异或”运算符使用介绍
2014/03/14 Javascript
jQuery中选择器小问题(新人难免遇到)
2014/03/31 Javascript
JS根据年月获得当月天数的实现代码
2014/07/03 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
浅析javascript函数表达式
2016/02/10 Javascript
js实现年月日表单三级联动
2020/04/17 Javascript
React-router中结合webpack实现按需加载实例
2017/05/25 Javascript
javaScript中封装的各种写法示例(推荐)
2017/07/03 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
vue 重塑数组之修改数组指定index的值操作
2020/08/09 Javascript
[08:40]Navi Vs Newbee
2018/06/07 DOTA
Python编程入门的一些基本知识
2015/05/13 Python
Python之ReportLab绘制条形码和二维码的实例
2018/01/15 Python
在pycharm中使用git版本管理以及同步github的方法
2019/01/16 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
python psutil模块使用方法解析
2019/08/01 Python
解决Django 在ForeignKey中出现 non-nullable field错误的问题
2019/08/06 Python
梅西酒窖:Macy’s Wine Cellar
2018/01/07 全球购物
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
本科生求职简历的自我评价
2013/10/21 职场文书
幼儿园国庆节活动方案
2014/02/01 职场文书
文秘大学生求职信
2014/02/25 职场文书
项目经理任命书范本
2014/06/05 职场文书
奉献家乡演讲稿
2014/09/16 职场文书
干部作风整顿自我剖析材料和整改措施
2014/09/18 职场文书
电子商务实训报告总结
2014/11/05 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
鸡毛信观后感
2015/06/11 职场文书
2019年励志签名:致拼搏路上的自己
2019/10/11 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang