jQuery下拉框美化插件DropKick

飘逸的风13年前 (2013-03-20)前端7714

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

相关文章

25个实用的jQuery技巧和解决方案

1. 去除页面的右键菜单 $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){returnfal...

JS对cookie的操作

1、设置cookie 01 function addCookie(objName, objValue, objHours) { //添加cookie 02...

JS键盘控制翻页代码

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

让Div浮动层浮在Flash上面下去,div在flash上,层在flash上

直接复制如下代码做swf显示代码 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="https://...

js控制在网页中禁用右键和禁止另存为的代码

禁止网页右击,选择,最简单的两句代码: <script type="text/javascript"> <!-- document.oncontextmenu=n...

jQuery动态改变图片显示大小(完美兼容全部)

当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸。通过搜索,我们可以从网上找到实现此功能的jQuery代码如下。这段代码可以使图片的大小保持...

发表评论

访客

看不清,换一张

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