首頁  >  文章  >  web前端  >  用jQuery实现的模拟下拉框代码_jquery

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

WBOY
WBOY原創
2016-05-16 18:33:041192瀏覽

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

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

复制代码 代码如下:



这个是模拟出来的:
XML/HTML代码
复制代码 代码如下:

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn