注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery美化下拉框插件Select or Die

输入 fishcity 3477浏览

jquery美化下拉框插件Select or Die

Select or Die是一款帮助开发者美化并且强化选择下拉框jQuery插件,Select or Die插件轻量,易用,功能方面做了大大的强化,Select or Die设置了一系列的参数设置,你只需通过设置不同的参数就可实现N多效果。插件配置了多个主题,有心的朋友可以逐个试下。

基础的使用方法

引入核心文件

 <link href="_src/selectordie.css" rel="stylesheet" type="text/css">
 <script src="!inc/js/jquery-1.8.0.min.js"></script>
 <script src="_src/selectordie.min.js"></script>

写入HTML

<select class="basic" data-placeholder="Choose a number">
                <option value="one">One</option>
                <option value="two">Two</option>
                <option value="three">Three</option>
                <option value="four">Four</option>
                <option value="five">Five</option>
</select>

写入JS初始化插件

$("select").selectOrDie();
Option Type Description
customID string 添加自定义ID给目标元素
customClass string 添加自定义CSS类名给目标元素
placeholder string 没有选择前的提示信息
prefix string 在选中选项之前添加一个前缀
cycle boolean 一直启用键盘支持,如果设置为true,用户将能够循环选择选项列表。例如:当选中项到达最后选项时,按下向下/向右箭头键它会跳回到第一个选项。
links boolean 把选项变成一个链接
linksExternal boolean 选项变成一个外部链接
size integer 若你有很多选项从而使得列表很长,你只需设定可见的长度,然后滚动来查看
tabindex integer 自定义tab键的顺序
onChange function 选中项改变时调用的函数

使用参数的写法

$("select").selectOrDie({
    customClass: "custom",
    customID:    "custom"
 });
 
//或者在select元素上直接添加data-属性
$("select").selectOrDie();
<select data-custom-id="custom" data-custom-class="custom">

转载请注明:jQ酷 » jquery美化下拉框插件Select or Die

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。