dropdownlist插件实现select下拉框美化特效

 所属分类:下拉框Select

 浏览:718次-  下载:0次-  评论: 0次-  更新时间:2020-09-07

dropdownlist插件实现select下拉框美化特效

// 通过JSON数据创建自定义下拉框
    var ddl_album = DropDownList.create({
        container : $('#sltContainer'),
        attrs : {
            id : 'ddl_album',   // 给dropdownlist一个id
            column : 6,         // 展示4行
            width: 150,         // 宽度为150px
            height: 30          // 每个option选项的高度
        },
        options : [
            ['默认相册','001'],
            ['我的收藏','002'],
            ['大学同学','003'],
            ['亲朋好友','004',true],
            ['明星们','005'],
            ['狗仔队','006'],
            ['This is my love album!','007']
        ]
    });

    // 通过原生select控件创建自定义下拉框
    var ddl_picture = DropDownList.create({
        select : $('#ddl_picture'),
        attrs : {
            column : 4,
            width : 100
        }
    });


金币说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值金币充值会员更多说明»
描述:dropdownlist插件基于jquery实现select下拉框美化特效,是一款非常不错的下拉框美化插件,提供两种方式创建自定义下拉框,可以从原生的select控件克隆一个新的自定义下拉框,也可以用JSON格式的数据,新创建一个,并且可以从原生控件中获取值。

文件目录结构

  • img
      • ┝ icon_dropdown.gif
      • ┝ icon_dropdown_hover.gif
      • ┝ bg_dropdown.png
  • ┝ www.zzsucai.com.txt
  • css
      • ┝ dropdownlist.css
  • js
      • ┝ jquery-1.9.1.min.js
      • ┝ dropdownlist.js
  • ┝ index.html
  • ┝ .url

相关素材

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!
我的金币余额: 0 已下载次数: 0
所需金币:8开始下载

金币获取:签到、评论、投搞、充值、发帖、回帖    » 在线充值(10金币=1元)