JS自定义select下拉框下拉列表美化插件dropdownlis


插件描述: JS自定义select下拉框下拉列表美化插件dropdownlist,基于jQuery,非常不错的jQuery自定义下拉框插件, 此款JS特效提供两种方式创建自定义下拉框,可以从原生的select控件克隆一个新的自定义下拉框, 也可以用JSON格式的数据,新创建一个,并且可以从原生控件中获取值,众多的自定义参数支持,而且 界面做的非常不错,值得学习和使用。

  使用方法: 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>

注意:所有网页特效均为互联网上收集,若有侵权,请告知删除。

关键词: 自定义下拉框

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享