一句话美化你的下拉框之jQuery.selectMM插件

时间:2022-03-03 22:46:53

之前很喜欢 jquery.Dropkick 这个老外美化框插件,但是:IE情况下如果数据多滚动条出现的时候就滚不了,作者也没修复

于是准备自己写一款(确切的说是修改一款吧!!)
.
这款插件是在16素材网上看到:http://www.16sucai.com/2011/08/9184.html (jquery用ul模拟表单select列表菜单效果)后突然发觉好看想用于项目而修改而成的.在此感谢原作者先(你的美化框让我有修改的冲动)

将其修改了很多东西:

1.修改成插件形式,至少情况下可以用一句话就修改将页面中的<select>全部美化

2.调整为ie6-10,FF, 360, chrome, qqBrowser等兼容

3.带多套皮肤(默认,green,orange,blue,yellow), 可以自定义皮肤

4.可以在一个页面中使用多套皮肤而不冲突

5.有 自适应长度/指定固定长度

6.在自适应长度中还可以指定美化框的最小长度及最大长度

7.滚动条的处理比较好用

8.代码调用容易,甚至不需要修改其它代码(只一句:$('select').selectMM();就可以将所有下拉框美化)

9.对表单的提交不影响

重要说明:目前仍处于beta版本,对select当中的onchage事件没有进行处理(即忽略所有onchage).后期会修复.

截图:
一句话美化你的下拉框之jQuery.selectMM插件

一句话美化你的下拉框之jQuery.selectMM插件

一句话美化你的下拉框之jQuery.selectMM插件

一句话美化你的下拉框之jQuery.selectMM插件

一句话美化你的下拉框之jQuery.selectMM插件

一句话美化你的下拉框之jQuery.selectMM插件

一句话美化你的下拉框之jQuery.selectMM插件

一句话美化你的下拉框之jQuery.selectMM插件

BETA版本下载地址:

    http://files.cnblogs.com/dreamyoung/%E4%B8%80%E5%8F%A5%E8%AF%9D%E7%BE%8E%E5%8C%96%E4%BD%A0%E7%9A%84%E4%B8%8B%E6%8B%89%E6%A1%86%E4%B9%8BjQuery.selectMM%E6%8F%92%E4%BB%B6.rar

 

一句话美化你的下拉框之jQuery.selectMM插件的更多相关文章

  1. 美化的select下拉框

    ie7浏览器以后的下拉框,给他加上边框样式,是没用的.要是想做出样式好看的下拉框需要用js或者jquery来模拟实现. 代码如下: <div class="r"> &l ...

  2. jquery Combo Select 下拉框可选可输入插件

    Combo Select 是一款友好的 jQuery 下拉框插件,在 PC 浏览器上它能模拟一个简单漂亮的下拉框,在 iPad 等移动设备上又能回退到原生样式.Combo Select 能够对选项进行 ...

  3. div模拟的下拉框特效jquery

    从网上找来的,感觉不错就拿来分享下 <style type="text/css"> body, ul, li { margin: 0; padding: 0; font ...

  4. 单选框和下拉框的jquery操作

    单选框 <input type="radio" name="rdSendType" value="email" checked=&qu ...

  5. Select级联菜单,用Ajax获取Json绑定下拉框(jQuery)

    需求类似这样  ↓ ↓ ↓   -->    菜单A发生变化,动态取数据填充下拉菜单B. JS代码如下: <script type="text/javascript"& ...

  6. 下拉框移动 jquery

    <%@ page contentType="text/html;charset=UTF-8" language="java" %><html& ...

  7. select标签的下拉框为图片的插件

    1 参考文献: [1] https://github.com/rvera/imag...[2] https://rvera.github.io/image... [3] http://webseman ...

  8. jQuery多级联动美化版Select下拉框

    在线演示 本地下载

  9. javaScript基础练习题-下拉框制作&lpar;JQuery&rpar;

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

随机推荐

  1. &period;Net Core MVC 网站开发(Ninesky) 2&period;3、项目架构调整&lpar;续&rpar;-使用配置文件动态注入

    上次实现了依赖注入,但是web项目必须要引用业务逻辑层和数据存储层的实现,项目解耦并不完全:另一方面,要同时注入业务逻辑层和数据访问层,注入的服务直接写在Startup中显得非常臃肿.理想的方式是,w ...

  2. Java多线程--让主线程等待子线程执行完毕

    使用Java多线程编程时经常遇到主线程需要等待子线程执行完成以后才能继续执行,那么接下来介绍一种简单的方式使主线程等待. java.util.concurrent.CountDownLatch 使用c ...

  3. oracle 自增长序列

    create or replace TRIGGER "METTINGUSER".TRG_PREPN BEFORE INSERT ON "PREPROJFUN" ...

  4. 【Python】&lbrack;面向对象高级编程&rsqb; 多成继承,定制类,使用枚举

    1.多成继承 class SmallDog(Animal,Dog) pass MixIn就是一种常见的设计. 2.定制类类似__slots__这种形如 __xxx__ 的变量或者函数名,在python ...

  5. assert的用处

    ASSERT函数是用于调试中,也就是说在你的代码中当是Debug的时候它完成对参数的判断,如果是TRUE则什么都不做,如果是FALSE则弹出一个程序中断对话框提示程序出现错误.在Release版本中它 ...

  6. django 2

    创建一个管理员用户 首先,我们需要创建一个用户可以登录到管理网站. 运行 下面的命令: $ python manage.py createsuperuser 输入你想要的用户名,按回车. Userna ...

  7. Application(全局对象&comma;ViewState

    Application对象生存期和Web应用程序生存期一样长,生存期从Web应用程序网页被访问开始,HttpApplication类对象Application被自动创建,直到没有一个网页被访问时结束, ...

  8. &lbrack;php&rsqb;通过http post发送json数据

    function http_post_data($url, $data_string) { $ch = curl_init(); curl_setopt($ch, CURLOPT_POST, 1); ...

  9. vs2017 winform打包

    如果没有Visual Studio Installer 说明没有安装打包插件 安装打包插件:Microsoft Visual Studio 2017 Installer Projects 工具 --& ...

  10. CF1101G &lpar;Zero XOR Subset&rpar;-less

    题目地址:CF1101G (Zero XOR Subset)-less 线性基基础题 预处理一个前缀异或和 \(s_i\) 这样题目就变成了:在 \(n\) 个 \(s_i\) 中尽量选择多的数使选择 ...