无遮挡亚洲一区,欧美性猛交xxxx乱大交3,国产国语刺激对白av不卡,在线播放亚洲激情

素材8網-專注前端素材！

jQuery下拉多選CheckBox表單美化特效代碼

  • 879
  • 0
  • 0
jQuery下拉多選CheckBox表單美化特效代碼- 素材8

數據格式：
  1. var data = [
  2.             {
  3.                 "name": "常用",
  4.                 "city": [
  5.                     {"cityName": "南京", "cityNumber": "001", "selected": true},
  6.                     {"cityName": "上海", "cityNumber": "002"},
  7.                     {"cityName": "蘇州", "cityNumber": "003", "selected": true}
  8.                 ]
  9.             },
  10.             {
  11.                 "name": "全部",
  12.                 "city": [
  13.                     {"cityName": "南京", "cityNumber": "001"},
  14.                     {"cityName": "杭州", "cityNumber": "004"},
  15.                     {"cityName": "無錫", "cityNumber": "005"},
  16.                     {"cityName": "上海", "cityNumber": "002"},
  17.                     {"cityName": "蘇州", "cityNumber": "003"}
  18.                 ]
  19.             }
  20.         ];
  21.         var data2 = [
  22.             {"cityName": "南京", "cityNumber": "001", "selected": true},
  23.             {"cityName": "杭州", "cityNumber": "004"},
  24.             {"cityName": "無錫", "cityNumber": "005", "selected": true},
  25.             {"cityName": "上海", "cityNumber": "002"},
  26.             {"cityName": "蘇州", "cityNumber": "003"}
  27.         ]
  28.         var data3 = [
  29.             {
  30.                 "name": "江蘇",
  31.                 "city": [
  32.                     {"cityName": "南京", "cityNumber": "001", "selected": true},
  33.                     {"cityName": "無錫", "cityNumber": "002", "selected": true},
  34.                     {"cityName": "蘇州", "cityNumber": "003", "selected": true}
  35.                 ]
  36.             },
  37.             {
  38.                 "name": "湖北",
  39.                 "city": [
  40.                     {"cityName": "武漢", "cityNumber": "004", "selected": true},
  41.                     {"cityName": "襄陽", "cityNumber": "005"},
  42.                     {"cityName": "荊州", "cityNumber": "006", "selected": true}
  43.                 ]
  44.             },
  45.             {
  46.                 "name": "安徽",
  47.                 "city": [
  48.                     {"cityName": "合肥", "cityNumber": "007", "selected": true},
  49.                     {"cityName": "六安", "cityNumber": "008"},
  50.                     {"cityName": "馬鞍山", "cityNumber": "009", "selected": true}
  51.                 ]
  52.             },
  53.         ];
復制代碼
傳入參數：
  1. var slidownSelectOptionse1 = {
  2.     el: 'aaaaaa',//容器名稱
  3.     type: 'double',//插件類型
  4.     width: '70px',//寬度
  5.     height: '40px',//高度
  6.     background: '#ffffff',//默認背景色
  7.     color: '#000000',//默認字體顏色
  8.     selectBackground: '#006666',//選中背景色
  9.     selectColor: '#ffffff',//選中字體顏色
  10.     show: 'false',//是否展開
  11.     content: '...請選擇...',//默認要顯示的內容
  12.     data: data//數據
  13. }
  14. var slidownSelectOptionse2 = {
  15.             el: 'bbbbbb',//容器名稱
  16.             type: 'single',//插件類型
  17.             width: '70px',//寬度
  18.             height: '40px',//高度
  19.             background: '#ffffff',//默認背景色
  20.             color: '#000000',//默認字體顏色
  21.             selectBackground: '#6699CC',//選中背景色
  22.             selectColor: '#ffffff',//選中字體顏色
  23.             show: 'true',//是否展開
  24.             content: '...請選擇...',//要顯示的內容
  25.             data: data2//數據
  26.         }
  27.         var slidownSelectOptionse3 = {
  28.             el: 'cccccc',//容器名稱
  29.             type: 'more',//插件類型
  30.             width: '70px',//寬度
  31.             height: '40px',//高度
  32.             background: '#ffffff',//默認背景色
  33.             color: '#000000',//默認字體顏色
  34.             selectBackground: '#66CC99',//選中背景色
  35.             selectColor: '#ffffff',//選中字體顏色
  36.             show: 'true',//是否展開
  37.             content: '...請選擇...',//要顯示的內容
  38.             data: data3//數據
  39.         }
  40.         var slidownSelectOptionse4 = {
  41.             el: 'dddddd',//容器名稱
  42.             type: 'more',//插件類型
  43.             width: '70px',//內容顯示寬度
  44.             height: '40px',//內容顯示高度
  45.             background: '#ffffff',//默認背景色
  46.             color: '#000000',//默認字體顏色
  47.             selectBackground: '#FF6633',//選中背景色
  48.             selectColor: '#ffffff',//選中字體顏色
  49.             show: 'false',//是否展開
  50.             content: '...請選擇...',//要顯示的內容
  51.             data: data3//數據
  52.         }
復制代碼

調用方法：
  1. $(document).ready(function () {
  2.    rltTools.slidownSelect(slidownSelectOptionse1)
  3.    rltTools.slidownSelect(slidownSelectOptionse2)
  4.    rltTools.slidownSelect(slidownSelectOptionse3)
  5.    rltTools.slidownSelect(slidownSelectOptionse4)
  6. })
復制代碼

其中type有三種：single,double,more，

single的數據格式對應data2，double的數據格式對應data,more的數據格式對應data3。參數名字可以在代碼里自己修改。
jQuery下拉多選CheckBox表單美化特效代碼
  • 山不在高 剛剛下載了一個素材
  • 劍膽琴心 剛剛下載了一個素材
  • Kent 剛剛下載了一個素材
  • Cassius 剛剛下載了一個素材
  • 金維 剛剛下載了一個素材
  • qqHpVD 剛剛下載了一個素材
  • 超哥來疼你 剛剛下載了一個素材
  • 傳聞中的張先生Y 剛剛下載了一個素材
  • qq皮皮皮rPZ 剛剛下載了一個素材
  • 向陽生長 剛剛下載了一個素材
  • KONLI 剛剛下載了一個素材
  • 冠王創客 剛剛下載了一個素材
  • whisper1 剛剛下載了一個素材
  • 無言微笑 剛剛下載了一個素材
  • Am4862 剛剛下載了一個素材
分享者：
分享者頭像
小編
熱門素材推薦
HTML素材網，HTML5模板，網頁特效 微信公眾賬號二維碼 淘寶店鋪地址二維碼
Copyright©2024  素材8  Powered by 智伙伴科技
   魯ICP備14029286號-5 魯公網安備37060202001967號
返回頂部返回頂部
發布主題
主站蜘蛛池模板： 固始县| 敖汉旗| 台北县| 全椒县| 柘城县| 方正县| 绵阳市| 巢湖市| 梁河县| 冷水江市| 五台县| 冷水江市| 来凤县| 清河县| 凤冈县| 桦南县| 云浮市| 桂林市| 收藏| 庐江县| 阿克苏市| 丘北县| 重庆市| 嵩明县| 阿克陶县| 高尔夫| 甘德县| 新晃| 通山县| 河池市| 广昌县| 德兴市| 延津县| 万荣县| 博罗县| 云浮市| 柘荣县| 镇江市| 桐柏县| 辰溪县| 板桥市|