用jQuery实现的模拟下拉框代码_jquery

很多群员问了关于下拉框美化的问题，现打一个下拉框美化的制作过程，其实是模拟出来的下拉框。
问题1：为什么要模拟下拉框？
1，浏览器自带的 下拉框样式不好看。
2，在ie6下，下拉框的优先级大于层，经常导致下拉框显示在层的上面。
OK，明白这个问题后，我们就开始用jQuery制作模拟下拉框。

第一步：先搭建好结构
这是普通的下拉框代码：
XML/HTML代码

复制代码 代码如下:

选项一
选项二
选项三
选项四
选项五
选项六

这个是模拟出来的：
XML/HTML代码

复制代码 代码如下:

选项一

• 选项一


• 选项二


• 选项三


• 选项四


• 选项五


• 选项六

<title></title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <link rel="stylesheet" href="css/CRselectBox.css" type="text/css"> <h1>1锛</h1>