日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

表單的一些元素是很難或不能設置樣式的，如單下拉框（select）、選框（radio）和復選框（checkbox）等等，它們會根據不同的系統、不同的主題而不同，所以有些時候它們的默認樣式可能會與你的設計格格不入，這時候也許美化插件是個不錯的選擇。

Select-or-Die 就是一款基于 jQuery 的下拉框美化插件，你不用修改你原來的下拉框，它能夠完全無縫的對你原來的下拉框進行美化，它甚至還支持添加前綴、HTML data 屬性、鍵盤循環控制、設置高度、跳轉到鏈接以及回調函數等等。除了默認的樣式外，Select-or-Die 還另外提供了 3 套皮膚，相信有了 Select-or-Die，你的設計會更加統一、美觀。

兼容

瀏覽器兼容：兼容 IE8 及以上 IE 瀏覽器和其他主流現代瀏覽器。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<link rel="stylesheet" href="css/selectordie.css">
<script src="js/jquery.min.js"></script>
<script src="js/selectordie.min.js"></script>

2、HTML

HTML 只需一個簡單的 select 即可，以下是演示中的代碼。

<select class="myselect">
    <option value="交互設計">交互設計</option>
    <option value="視覺設計">視覺設計</option>
    <optgroup label="開發">
        <option value="前端開發">前端開發</option>
        <option value="后端開發">后端開發</option>
    </optgroup>
    <option value="用戶研究">用戶研究</option>
    <option value="產品經理">產品經理</option>
</select>

或者可以使用 HTML data 自定義屬性，Select-or-Die 有如下 data 自定義屬性：

data-custom-id – 綁定 id

data-custom-class – 綁定 class

data-placeholder – 占位符

data-prefix – 添加前綴

data-cycle – 鍵盤控制是否循環

data-links – 跳轉到鏈接

data-size – 跳轉到外部鏈接

data-tabindex – 設置 tabindex

3、JavaScript

$(function(){
    $('select').selectOrDie();
});

配置