基于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页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
AngularJS单选框及多选框实现双向动态绑定
Jan 13 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
AngularJS 实现JavaScript 动画效果详解
Sep 08 Javascript
JS优化与惰性载入函数实例分析
Apr 06 Javascript
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
JavaScript设计模式之建造者模式实例教程
Jul 02 Javascript
微信小程序实现星级评分和展示
Jul 05 Javascript
Vue 引入AMap高德地图的实现代码
Apr 29 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
Jun 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 GD库生成图像的几个函数总结
2014/11/19 PHP
PHP使用适合阅读的格式显示文件大小的方法
2015/03/05 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
读jQuery之八 包装事件对象
2011/06/21 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
2015/03/14 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
jQuery使用$.ajax进行即时验证的方法
2015/12/08 Javascript
javascript中的作用域和闭包详解
2016/01/13 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
原生js实现简单的模态框示例
2017/09/08 Javascript
JavaScript判断日期时间差的实例代码
2018/03/01 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
2018/09/08 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
2020/11/07 Javascript
jquery实现拖拽小方块效果
2020/12/10 jQuery
python制作一个桌面便签软件
2015/08/09 Python
分享一下Python 开发者节省时间的10个方法
2015/10/02 Python
Python numpy实现数组合并实例(vstack,hstack)
2018/01/09 Python
Python实现Kmeans聚类算法
2020/06/10 Python
Django中的CBV和FBV示例介绍
2018/02/25 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
对pandas数据判断是否为NaN值的方法详解
2018/11/06 Python
解决Python plt.savefig 保存图片时一片空白的问题
2019/01/10 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
使用HTML5捕捉音频与视频信息概述及实例
2018/08/22 HTML / CSS
HTML5在手机端实现视频全屏展示方法
2020/11/23 HTML / CSS
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
世界上最好的儿童品牌:AlexandAlexa
2018/01/27 全球购物
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
党员教师个人对照检查材料(群众路线)
2014/09/26 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
政协常委会议主持词
2015/07/03 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python