jQuery下拉框美化插件DropKick

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

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

相关文章

escape()、encodeURI()、encodeURIComponent()区别详解

JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decod...

JS键盘控制翻页代码

<script language="javascript"> <!-- document.onkeydown=nextpage var prevpage="prev.html"...

jQuery插件 图片放大镜-Cloud Zoom

jQuery插件 图片放大镜-Cloud Zoom

图片放大镜效果是一种不错的效果,多应用于电子商务、图片展示等网站,给用户带来更好的体验。实现这种效果的代码不少,今天要给大家介绍的是 Cloud Zoom,它是 jQuery 的一个插件。和其他产品相...

jQuery scrollUp - jQuery滚动到顶部插件

jQuery scrollUp - jQuery滚动到顶部插件

当网页内容过长,你浏览到底部需要回到顶部时,是不是希望“一键直达”呢?scrollUp 就是这样一款插件,它能够让用户滚动条滚动到一定的位置时(可设置),右下角出现“滚动到顶部”的按钮,点击后,页面就...

js 字符串操作函数集合

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

js 数组操作集合

注意:以下是按操作来分类的,有的方法有多个用途,就有重复 1、数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Arra...

发表评论

访客

看不清,换一张

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