基于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.ajax传递中文参数的解决方法 推荐
Mar 28 Javascript
js实现大转盘抽奖游戏实例
Jun 24 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
Jan 22 Javascript
微信小程序实现实时圆形进度条的方法示例
Feb 24 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
Node.js利用debug模块打印出调试日志的方法
Apr 25 Javascript
ReactJs实现树形结构的数据显示的组件的示例
Aug 18 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 jQuery
TypeScript中的方法重载详解
Apr 12 Javascript
JS实现音量控制拖动
Jan 15 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
Jun 01 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中模拟POST传递数据的两种方法分享
2011/09/16 PHP
php判断字符串在另一个字符串位置的方法
2014/02/27 PHP
PHP数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
PHP命名空间用法实例分析
2019/09/04 PHP
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
javascript利用初始化数据装配模版的实现代码
2010/11/17 Javascript
怎么判断js脚本加载完成
2014/02/28 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
基于Vuejs实现购物车功能
2016/08/02 Javascript
Angular2 (RC4) 路由与导航详解
2016/09/21 Javascript
js实现漫天星星效果
2017/01/19 Javascript
vue快捷键与基础指令详解
2017/06/01 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
在Python中操作字符串之rstrip()方法的使用
2015/05/19 Python
Python Django使用forms来实现评论功能
2016/08/17 Python
Python WXPY实现微信监控报警功能的代码
2017/10/20 Python
Flask框架单例模式实现方法详解
2019/07/31 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
泰国时尚电商:POMELO Fashion
2020/03/11 全球购物
如何选择使用结构还是类
2014/05/30 面试题
教学大赛获奖感言
2014/01/15 职场文书
某某同志考察材料
2014/05/28 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
环卫工作个人总结
2015/03/04 职场文书
mysql的MVCC多版本并发控制的实现
2021/04/14 MySQL
MySQL 那些常见的错误设计规范,你都知道吗
2021/07/16 MySQL
Node与Python 双向通信的实现代码
2021/07/16 Javascript
MYSQL 运算符总结
2021/11/11 MySQL