基于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 相关文章推荐
eval与window.eval的差别分析
Mar 17 Javascript
javascript基础知识大全 便于大家学习,也便于我自己查看
Aug 17 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
简单学习JavaScript中的for语句循环结构
Nov 10 Javascript
JavaScript制作简单的日历效果
Mar 10 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
ES5 ES6中Array对象去除重复项的方法总结
Apr 27 Javascript
js上传图片预览的实现方法
May 09 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
Jun 11 Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
js捆绑TypeScript声明文件的方法教程
Apr 13 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
redis+php实现微博(一)注册与登录功能详解
2019/09/23 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
Laravel 自动转换长整型雪花 ID 为字符串的实现
2020/10/27 PHP
利用js对象弹出一个层
2008/03/26 Javascript
js获取图片大小的函数代码
2011/09/20 Javascript
Jquery:ajax实现翻页无刷新功能代码
2013/08/05 Javascript
javascript操作符"!~"详解
2015/02/10 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
PHP+jQuery+Ajax实现多图片上传效果
2015/03/14 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
微信小程序 swiper组件详解及实例代码
2016/10/25 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
2017/03/10 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
node.js使用fs读取文件出错的解决方案
2019/10/23 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
Python进行数据科学工作的简单入门教程
2015/04/01 Python
遗传算法python版
2018/03/19 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
Numpy之reshape()使用详解
2019/12/26 Python
python实现数字炸弹游戏程序
2020/07/17 Python
美国老牌主机服务商:iPage
2016/07/22 全球购物
美国最受欢迎的童装品牌之一:The Children’s Place
2016/07/23 全球购物
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
中专毕业自我鉴定
2013/10/16 职场文书
医药大学生求职简历的自我评价
2013/10/17 职场文书
肯尼迪就职演说稿
2013/12/31 职场文书
服装设计专业毕业生求职信
2014/04/09 职场文书
买卖协议书范本
2014/04/21 职场文书
人力资源本科毕业生求职信
2014/06/04 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
导游词之天津盘山
2019/11/01 职场文书
手写实现JS中的new
2021/11/07 Javascript
Java实现带图形界面的聊天程序
2022/06/10 Java/Android