JS自定义select下拉框下拉列表美化插件dropdownlis
JS自定义select下拉框下拉列表美化插件dropdownlist,基于jQuery,非常不错的jQuery自定义下拉框插件,此款JS特效提供两种方式创建自定义下拉框,可以从原生的select控件克隆一个新的自定义下拉框,也可以用JSON格式的数据,新创建一个,并且可以从原生控件中获取值,众多的自定义参数支持,而且界面做的非常不错,值得学习和使用。
2.通过原生select控件创建自定义下拉框
使用方法:1.通过JSON数据创建自定义下拉框
var ddl_album = DropDownList.create({ container : $('#sltContainer'), attrs : {id : 'ddl_album', // 给dropdownlist一个idcolumn : 6, // 展示4行width: 150, // 宽度为150pxheight: 30 // 每个option选项的高度 }, options : [['默认相册','001'],['我的收藏','002'],['大学同学','003'],['亲朋好友','004',true],['明星们','005'],['狗仔队','006'],['This is my love album!','007'] ] });
2.通过原生select控件创建自定义下拉框
var ddl_picture = DropDownList.create({ select : $('#ddl_picture'), attrs : {column : 4,width : 100 } });<select id=ddl_picture><option value=1>照片1</option><option value=2>照片2</option><option value=3>照片3</option><option value=4>照片4</option><option value=5>照片5</option></select>
0条评论