Javascript 弹出式复选框 (JQuery 插件 mulitselector)
2009-09-14 09:39
148 查看
由于最近开发项目,想使用弹出式窗口复选功能,想增加web2.0的特点。但是在网上找了很多js弹出窗口复选的例子,
感觉都不是很理想,也看了很多老外开发的例子,感觉也不是理想的弹出窗口,并且窗口页面也不是很好看,我看了一下ch所以我决定自己写一个,并且开源出来,服务于大家。
我的开发过程如下:
1. 我上chinahr看了一下,他们做的弹出式窗口,感觉效果和理想。于是看了一下他们js代码,感觉代码重用性不高,并且很多功能都写死在插件中,并且还是要依赖一些页面生成的div来操作显示控制,跟我想要的插件,直接调用的方式相差很远。
2.我使用chinahr的页面,然后开始使用JQuery,实现自己的插件,由于JQuery不是很熟悉,所以走了很多弯路,多亏同事帮忙,才算完成了这个插件。
3.该插件只是实现了基本功能,数据、标题使用参数的方式传入控件。
开发完成后,我放到google的code上,以便大家下载。如果有什么问题,请及时与我联系,如果代码中有些不妥之处,请改正后联系我,多谢!
以下为调用方法:
JQuery Pop-up checkbox, this plug in use jquery 1.3.2 library.
example code :
mulitselector 在 google code 项目主页:http://code.google.com/p/mulitselector/
在线demo地址:http://www.kukugame.com/mulitselector/demo/mulitselect.html
源码下载地址:http://code.google.com/p/mulitselector/downloads/list
感觉都不是很理想,也看了很多老外开发的例子,感觉也不是理想的弹出窗口,并且窗口页面也不是很好看,我看了一下ch所以我决定自己写一个,并且开源出来,服务于大家。
我的开发过程如下:
1. 我上chinahr看了一下,他们做的弹出式窗口,感觉效果和理想。于是看了一下他们js代码,感觉代码重用性不高,并且很多功能都写死在插件中,并且还是要依赖一些页面生成的div来操作显示控制,跟我想要的插件,直接调用的方式相差很远。
2.我使用chinahr的页面,然后开始使用JQuery,实现自己的插件,由于JQuery不是很熟悉,所以走了很多弯路,多亏同事帮忙,才算完成了这个插件。
3.该插件只是实现了基本功能,数据、标题使用参数的方式传入控件。
开发完成后,我放到google的code上,以便大家下载。如果有什么问题,请及时与我联系,如果代码中有些不妥之处,请改正后联系我,多谢!
以下为调用方法:
JQuery Pop-up checkbox, this plug in use jquery 1.3.2 library.
example code :
var data = [ {id: "10",name: "请选择中国苹果"}, {id: "20",name: "请选择中国香蕉"}, {id: "30",name: "请选择中国西瓜"}, {id: "40",name: "请选择中国桃子"}, {id: "50",name: "请选择中国葡萄"} ]; $("#test1").mulitselector({ title:"请选择类别-自定义标题", data:data });
mulitselector 在 google code 项目主页:http://code.google.com/p/mulitselector/
在线demo地址:http://www.kukugame.com/mulitselector/demo/mulitselect.html
源码下载地址:http://code.google.com/p/mulitselector/downloads/list
相关文章推荐
- javascript特效专题:jQuery给力插件大阅兵
- JavaScript代码编写尝试使用Vanilla JS 或者Jquery插件
- jQuery插件treeview点击节点名称不展开、收缩节点 分类: JavaScript 2014-06-16 20:28 539人阅读 评论(0) 收藏
- JavaScript之三:jQuery插件开发(一)
- 玩具javascript:基于jQuery的datagrid插件
- 分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用
- JavaScript 复选框全选效果&JQuery 实现简单的tab切换效果
- 推荐11款jQuery开发的复选框和单选框美化插件
- jquery multifile.package.js 上传文件插件javascript 源码
- Javascript笔记:(实践篇)从jQuery插件技巧说起-深切解析extend办法(中篇)
- 超全超实用的Javascript类库和jQuery插件大全之二:文字处理,表格和列表处理,实用...
- 超全超实用的Javascript类库和jQuery插件大全之二:文字处理,表格和列表处理,实用的javascript开发工具
- 构建基于Javascript的移动web CMS——添加jQuery插件
- 【JavaScript&jQuery】单选框radio,复选框checkbox,下拉选择框select
- jQuery插件JQuery Pager分页器实现javascript分页功能
- 学会读JQuery等JS插件源码,通过jQuery理解JavaScript语法,高级语法
- JavaScript/jQuery 表单美化插件小结
- 【jquery-jqGrid插件】jqGrid 多选 复选框 编辑列
- 超级详细 一听就会:利用JavaScript jQuery实现图片无限循环轮播(不借助于轮播插件)
- jQuery 版的 CheckBox 复选框成组联动(JavaScript)