使用jQuery-DropKick插件美化select下拉框

DropKick 是一个下拉框美化插件，使用非常简单，直接为下拉框 select 调用方法即可，瞬间让你摆脱繁琐。DropKick 有 3 种主题，你可以选择一种与你的页面更加搭配的，当然你也可以自己定义 CSS样式。

DropKick 支持键盘上下选择；支持回调，可以轻松的获取 value 值。

DropKick 不支持 IE6，但会显示下拉框默认的样式，不影响页面使用；而其他的浏览器都支持。DropKick 暂时不支持 optgroup，会被忽略。如果你不需要考虑 IE6 和不需要使用 optgroup，那 DropKick 是一个很好的选择。

使用方法

引入相关JS文件:

<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropkick-1.0.0.js"></script>

Html代码:

<select name="dropkick1" class="dropkick">
    <option value="">您的职业</option>
    <option value="A1">前端开发工程师</option>
    <option value="A2">视觉设计师</option>
    <option value="A3">UI设计师</option>
    <option value="A4">交互设计师</option>
    <option value="A5">网页设计师</option>
    <option value="A6">数据库工程师</option>
</select>

Js调用代码:

$(function() {
    $('.dropkick').dropkick();  
});

本文链接：» https://www.csswang.com/exp/3878

转载请注明本文来源出处。