基于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 相关文章推荐
jQuery滚动新闻实现代码
Jun 26 Javascript
BootStrap 附加导航组件
Jul 22 Javascript
原生js实现吸顶效果
Mar 13 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
webpack组织模块打包Library的原理及实现
Mar 10 Javascript
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
JS中的算法与数据结构之集合(Set)实例详解
Aug 20 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 Javascript
js实现详情页放大镜效果
Oct 28 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 中英文混合排版中处理字符串常用的函数
2007/04/12 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
Laravel框架实现文件上传的方法分析
2019/09/29 PHP
LazyLoad 延迟加载(按需加载)
2010/05/31 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
JavaScript实现文字与图片拖拽效果的方法
2015/02/16 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
javascript实现图片跟随鼠标移动效果的方法
2015/05/13 Javascript
JavaScript实现页面跳转的几种常用方式
2015/11/28 Javascript
js+css绘制颜色动态变化的圈中圈效果
2016/01/27 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
利用js+css+html实现固定table的列头不动
2016/12/08 Javascript
老生常谈javascript中逻辑运算符&&和||的返回值问题
2017/04/13 Javascript
jquery自定义显示消息数量
2017/12/19 jQuery
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
2020/10/24 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
Python Pillow Image Invert
2019/01/22 Python
Python基于datetime或time模块分别获取当前时间戳的方法实例
2019/02/19 Python
对python3.4 字符串转16进制的实例详解
2019/06/12 Python
django之静态文件 django 2.0 在网页中显示图片的例子
2019/07/28 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
python 用opencv实现图像修复和图像金字塔
2020/11/27 Python
python 爬取英雄联盟皮肤并下载的示例
2020/12/04 Python
Pandas之缺失数据的实现
2021/01/06 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
课程改革实施方案
2014/03/16 职场文书
幼儿园大班教师随笔
2015/08/14 职场文书
mysql 8.0.24版本安装配置方法图文教程
2021/05/12 MySQL
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL