用jQuery制作模拟下拉框
来源：PHP程序员站 作者：PHP程序员站 发布时间：2011-06-19
一个用jquery模拟下拉菜单的例子. 问题1：为什么要模拟下拉框？ 1，浏览器自带的 下拉框样式不好看。 2，在ie6下，下拉框的优先级大于层，经常导致下拉框显示在层的上面。 OK，明白这个问题后，我们就开始用jQuery制作模拟下拉框。 先构建HTML结构和CSS样式。 看Demo1
一个用jquery模拟下拉菜单的例子.
问题1：为什么要模拟下拉框？
1，浏览器自带的 下拉框样式不好看。
2，在ie6下，下拉框的优先级大于层，经常导致下拉框显示在层的上面。
OK，明白这个问题后，我们就开始用jQuery制作模拟下拉框。
先构建HTML结构和CSS样式。
看Demo1：
构建好后，我们开始添加效果。
看Demo2：
好，有了前2个例子的基础，我们完全可以构建一个插件：
看Demo3：
思路：
通过已知的下拉框，把里面的数据循环出来，放到另一个div的ul列表里，
另一个div就是简单的弹出层而已。
通过hidden可以 获取下拉框的选中的值和文本 。
jquery模拟下拉菜单源文件下载 延伸阅读:很眩的半透明下拉菜单导航条用DIV+js模拟的一个下拉菜单(select)源码用DIV+js模拟的一个下拉菜单(select)25个优秀的下拉菜单导航脚本用CSS3制作网页下拉菜单代码jQuery+CSS实现多级下拉菜单30 款下拉菜单导航菜单脚本欣赏jQuery水平下拉菜单插件 jdMenu使用CSS和jQuery制作漂亮的下拉选项菜单jQuery+PHP+MySQL实现二级联动下拉菜单
