DropKick
=
Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making s@#t look good.
Requirements:
-
DropKick requires the latest version of jQuery, available at jQuery.com. Other than jQuery, you should include scrollability.js if you want to enable scrolling on iOS devices (you do).
How it works:
-
DropKick works by transforming your existing, boring `<select>` lists into beautiful, customizable HTML dropdowns. The name attribute is the only one that is required. You should also set a tabindex attribute to enable navigation via tabbing.
When an option is selected in a DropKick menu, the corresponding `<select>` value is updated. This means that your forms and AJAX requests should work the same without having to make any changes. However, if you previously had
an `onchange` event bound to your `<select>` list, you will have to instead use a DropKick change event. Please see examples.html for usage
Features:
-
* *Keyboard Navigation:*
Keyboard navigation in DropKick is very similar to native `<select>` navigation.
While highlighted, pressing enter, up, or down on your keyboard will open the dropdown.
While opened, pressing up or down will navigate through the options, and pressing enter will select the currently highlighted option.
* *Themeing:*
DropKick was made to be easily theme-able and supports dynamic theme changing.
* *Custom Callbacks*
Compatibility:
-
DropKick was tested on Opera 10+, Google Chrome 10+, FireFox 5+, Safari 5+, and Internet Explorer 7 - 8. IE6 is not supported and will simply continue using your plain dropdowns instead.
Known Issues:
-
* Opened DropKick menus on Internet Explorer 7 will be covered by other DropKick containers if they are vertically stacked and too close together.
Found a bug? Please [let me know](https://github.com/JamieLottering/DropKick/issues).
How to use:
-
Please see examples.html or [the DropKick homepage](http://jamielottering.github.com/DropKick/) for usage
What next:
-
Got an idea for improving DropKick? Or maybe a bug fix? Please feel free to fork a copy and submit a pull request!
Created by:
-
[Jamie Lottering](http://twitter.com/jamielottering), default theme designed by [Addison Kowalski](http://twitter.com/addisonkowalski)
没有合适的资源?快使用搜索试试~ 我知道了~
jQuery-DropKick插件
共9个文件
css:3个
png:2个
md:1个
5星 · 超过95%的资源 需积分: 10 15 下载量 162 浏览量
2013-07-02
11:29:00
上传
评论 1
收藏 13KB ZIP 举报
温馨提示
使用jQuery-DropKick插件美化select下拉框 DropKick 是一个下拉框美化插件,使用非常简单,直接为下拉框 select 调用方法即可,瞬间让你摆脱繁琐。DropKick 有 3 种主题,你可以选择一种与你的页面更加搭配的,当然你也可以自己定义 CSS。 DropKick 支持键盘上下选择;支持回调,可以轻松的获取 value 值。 DropKick 不支持 IE6,但会显示下拉框默认的样式,不影响页面使用;而其他的浏览器都支持。DropKick 暂时不支持 optgroup,会被忽略。如果你不需要考虑 IE6 和不需要使用 optgroup,那 DropKick 是一个很好的选择。
资源推荐
资源详情
资源评论
收起资源包目录
DropKick-v1.0.0-5.zip (9个子文件)
JamieLottering-DropKick-bb489bd
dropkick.css 4KB
example
example.css 2KB
images
dk_arrows_white.png 960B
dk_arrows.png 983B
readme.md 2KB
jquery.dropkick-1.0.0.js 11KB
blank_theme.css 730B
examples.html 10KB
LICENSE 1KB
共 9 条
- 1
资源评论
- maotingfeng2014-09-03我感觉作用不大,里面的资源需要用到google的,demo页面没强就根本加载不了。
fengshaohua01
- 粉丝: 0
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功