Jan
1
用法：
需要对哪个select应用效果，取得该select的id，然后$("#select_id").multiSelect();就可以了。
当然这是最基本的用法，如果要设置高和宽，可以传个参数进去，如：$("#select_id").multiSelect(width:300,height:200);
还有一个iframe的属性，这个主要是针对IE的，可以覆盖select。
那么怎样才能控制这个div展开呢，很简单，比如select的id是category，则控制该select的id为category_open，也就是在select的id后加一个"_open"。
多选的option的value会以逗号作为间隔，比如"1,5,3"
最后，如果觉得下拉层不好看，可以自定义CSS，具体可以查看demo页的源码。
下载：我把它放在了我的分享里，想要的话上那下载即可。在js_css_reference下面
Sep
11
众所周知，IE的select是很顽固的，如果有什么div的话，一般都会被它挡住，有了jquery的插件——bgiframe，就能完美地解决这个问题。
插件主页：http://blog.brandonaaron.net/my-jquery-plugins/background-iframe/
演示：http://brandonaaron.net/jquery/plugins/bgiframe/test/
Sep
6
目前最完美的select美化
文章分类：javascript | 共4 条评论 查看次数：635 + 105
很不幸，我是个完美主义者，所以我花了整整一个晚上的时间来完成select的美化，路途是艰辛而曲折的，但结果是令人欣慰的。
刚开始是打算做个jquery插件，也算是熟悉一下jquery的插件编写流程，但后来发现困难还是挺大的，就搁浅了。
我知道经典论坛之前有过不少这样的帖子，于是搜了一下，果然还真的让我发现，可以借鉴的，我参考的是jxdawei的一篇文章，基本功能都实现了，但也有些不大不小的问题，比如，不方便参数的调整，失去焦点不能自动收缩等等
经过我的改造后，实现的功能
- 可以方便的调整参数，如边框背景图片等等，打开select.min.js就可以看到
- 自动对select美化，而无需再在html文件里写js，都在js包里完成
- 在页面空白处点击，自动收缩
- 压缩了js文件，只有2.54k
期间也遇到了不少问题，比如IE和FF的不同特性，导致window.onload不能在ie6下起作用，这个问题着实困扰了我很久，后来才知道，原来IE是通过attachEvent来实现的；CSS的背景图片问题，原来要让css实现背景图片距离右边3px，距离上边5px是很难实现的；以前一直没注意，就是js里写完一个函数后，应该加分号，虽然不加也能正确执行，但却不能压缩，因为一压缩，运行之后就会提示错误。
来看一下效果：点此浏览
更新：解决了当两个select并排放的时候重叠的情况
-
-
订阅我的博客