diyselect:一款select美化jQuery插件

HTML中的select元素是一个可以进行下拉选择的容器，但是由于select元素并不能用CSS进行有效的外观设计，造成在许多追求一体效果的网页中必须要使用下拉框时非常麻烦。diyselect是一款可以自动将网页中的select元素改变为可以输入、可下拉选择、自动补全、美观的jquery插件，可以方便快速的替换网页中的select元素。

一个正常的select按钮如下：

而通过diyselect插件美化后效果如下：

diyselect具有以下特性：

1.将select转化为可输入、可下拉选择的容器；

2.对象缓存提高运行效果；

3.输入匹配补全（试试在上面输入“中”看看）；

4.事件克隆（可将原select的OnChange事件克隆并同步触发）；

5.小巧方便（仅4K）。

如何使用：

请下载diyselect插件，并将jquery.diyselect.js与diyselect.gif一并传到网站目录中，并在网页中插入以下代码：

JavaScript代码

<script language="javascript" src="jquery.diyselect.js"></script>
<script language="javascript">
$(document).ready(function(){
$('select').diyselect();
});
</script>

注意:diyselect.gif要与jquery.diyselect.js在一个目录内！

欢迎大家下载使用！下载地址：http://diyselect.googlecode.com/

10楼 xzymoe 回复该评论

发表于2011-10-30 14:30:48

博主你的头像的淡出效果是怎么实现的啊求解
9楼 orichi 回复该评论

发表于2011-10-27 12:11:10

楼主加我qq，我这边的样式还是不对，求解

石头 2011-10-27 19:59:13回复说回复该评论 #1

你Q多少呢
8楼淘宝网玩具回复该评论

发表于2011-10-17 21:49:29

学习了，楼主的博客很强大，经常来学习
7楼经典语录回复该评论

发表于2011-10-17 13:24:01

不错的博客,很喜欢,感觉很爽
6楼水草浪子回复该评论

发表于2011-10-13 12:16:07

额这个插件可以用在什么地方呢？
5楼 LouisHan 回复该评论

发表于2011-10-11 20:45:44

感觉变得不流畅了

stone 2011-10-12 21:03:51回复说回复该评论 #1

恩，刚刚优化了一下，现在觉得呢？

LouisHan 2011-10-12 21:15:07回复说回复该评论 #2

好多了，没那么顿了
4楼经典语录回复该评论

发表于2011-10-11 16:04:27

我想交换链接行不？http://www.zx568.cn
3楼大猪回复该评论

发表于2011-10-11 11:51:05

貌似有点小不足之处，鼠标离开select区域后不会自动消失，甚至点一下空白区域还是不会消失。

stone 2011-10-12 21:04:33回复说回复该评论 #1

恩，这个BUG我刚刚修复了，现在效果算正常了。当初测试的时候没有遇到这个问题，后来才发现
2楼微博营销回复该评论

发表于2011-10-10 15:02:19

可以方便快速的替换网页中的select元素
1楼本事不少回复该评论

发表于2011-10-10 09:23:30

为什么个人看起来正常的比较舒服呢?

stone 2011-10-12 21:06:04回复说回复该评论 #1

刚刚有些问题导致与我设计时的效果不一致，现在优化了一下。