基于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 LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 Javascript
从阶乘函数对比Javascript和C#的异同
May 31 Javascript
JS delegate与live浅析
Dec 21 Javascript
js用Date对象的setDate()函数对日期进行加减操作
Sep 18 Javascript
JavaScript统计网站访问次数的实现代码
Nov 18 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
Express之get,pos请求参数的获取
May 02 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
微信小程序实现留言功能
Oct 31 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 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
当海贼王变成JOJO风
2020/03/02 日漫
php 删除数组元素
2009/01/16 PHP
php和redis实现秒杀活动的流程
2019/07/17 PHP
php layui实现前端多图上传实例
2019/07/30 PHP
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
js识别不同浏览器基于userAgent做判断
2014/07/29 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
javascript绘制漂亮的心型线效果完整实例
2016/02/02 Javascript
JavaScript ES5标准中新增的Array方法
2016/06/28 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
jQuery Validate 数组 全部验证问题
2017/01/12 Javascript
原生js实现密码输入框值的显示隐藏
2017/07/17 Javascript
利用JavaScript实现栈的数据结构示例代码
2017/08/02 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
记React connect的几种写法(小结)
2018/09/18 Javascript
JavaScript实现的开关灯泡点击切换特效示例
2019/07/08 Javascript
JavaScript undefined及null区别实例解析
2020/07/21 Javascript
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
Python 提取dict转换为xml/json/table并输出的实现代码
2016/08/28 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
python将txt文件读入为np.array的方法
2018/10/30 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
Python 给定的经纬度标注在地图上的实现方法
2019/07/05 Python
Python求离散序列导数的示例
2019/07/10 Python
python3下pygame如何实现显示中文
2020/01/11 Python
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
Amara美国站:英国高端家居礼品网站,世界各地的奢侈家具品牌
2017/07/26 全球购物
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
公司活动总结怎么写
2014/06/25 职场文书
见习期个人总结
2015/03/05 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书
Tensorflow与RNN、双向LSTM等的踩坑记录及解决
2021/05/31 Python