jQuery下拉框美化插件DropKick

飘逸的风14年前 (2013-03-20)前端8047

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

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

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

查看演示 下载代码

使用方法

引入文件

<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>

JavaScript

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

查看演示 下载代码

本网站下载:dropkick.rar

相关文章

js判断undefined类型,undefined,null,NaN的区别

js判断undefined类型 今天使用showModalDialog打开页面,返回值时。当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined 所以自作聪明判断&nb...

实现jQuery扩展总结

开发自己需要的jQuery插件,看个示例说明 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://...

jquery简单代码实现复选框多选、单选、全不选功能,很实用

<html> <head>  <script type="text/javascript" src="https://code.jquery.com/jqu...

js 字符串操作函数集合

concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串。  indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项,返回 -1 。  c...

html+css 中 em和px 的尺寸解释

px像素(Pixel),相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默...

jw player的快捷调用方法(附:jw player参数设定)

最近开发的项目需要调用一部分视频,找了很久,感觉有两个非常不错,一个是ckplayer(非常炫酷,网址:https://www.ckplayer.com/),感觉好奇的同学,可以访问他们的官网去看看;...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。