div 模拟select
来源:互联网 发布:手机后期ps软件 编辑:程序博客网 时间:2024/09/21 08:57
<div class="area_select_pick" id="area_select" >
<div class="area_select_icon">
<img src="images/icon_arrow_white.png" class="area_arrow"/>
</div>
<ul class="area_select_ul" onMouseOut="hide_select()" >
<li class="first" onMouseOver="over(this)" onMouseOut="out(this)">大陆</li>
<li class="first" onMouseOver="over(this)" onMouseOut="out(this)">香港</li>
<li class="first" onMouseOver="over(this)" onMouseOut="out(this)">台湾</li>
</ul>
</div>
<div class="area_select_icon">
<img src="images/icon_arrow_white.png" class="area_arrow"/>
</div>
<ul class="area_select_ul" onMouseOut="hide_select()" >
<li class="first" onMouseOver="over(this)" onMouseOut="out(this)">大陆</li>
<li class="first" onMouseOver="over(this)" onMouseOut="out(this)">香港</li>
<li class="first" onMouseOver="over(this)" onMouseOut="out(this)">台湾</li>
</ul>
</div>
.area_select_pick{width:138px;position:absolute;margin-top:22px;display:none;}
.area_select_icon{height:7px;width:138px;}
.area_arrow{margin-left:65px;}
.area_select_ul{width:138px;height:auto; background-color:#ffffff;margin-top:12px;line-height:26px;font-size:14px;color:#363636;}
$(".area_select_input").click(function(){
$("#area_select").show();
});
$(".first").click(function(){
var optionval=$(this).html();
$(this).parent().parent().parent().find(".area_select_input").html(optionval);
$(".area_select_pick").hide();
});
function over(obj){
obj.style.background="#9c8906";
}
function out(obj){
obj.style.background="#ffffff";
}
0 0
- DIV模拟select
- Div 模拟 Select Demo
- div 模拟select
- div 模拟select
- div模拟下拉框 select
- div模拟下拉框 select
- div模拟select下拉菜单
- input+div模拟select效果
- 用div和span模拟select控件
- Jquery实现div模拟Select控件
- DIV模拟select下拉菜单效
- DIV遮盖select元素(模拟disabled)
- 积跬步,聚小流------div模拟select,让select美美哒
- 使用span或div模拟Select的水平滚动条
- 使用div+css模拟select功能与效果
- 使用<div><ul><li>模拟<select>下拉框
- 模拟select
- 模拟 SELECT
- HDU 1171
- Mac下使用Eclipse编译C/C++文件出现 launch failed, binary not found 错误的解决办法
- Android事件处理
- PCB设计资料:看到最后才知道是福利
- 用SQL语句生成某个库下所有存储过程脚本,并每个存为一个文件
- div 模拟select
- oracle设置新的用户权限和表空间
- e进制是信息表示的最优解
- Linux 网络栈剖析
- PCB设计资料:看到最后才知道是福利
- z-index有时候不起作用
- W1W2W4分别代表什么?
- POJ2752 Seek the Name, Seek the Fame
- 20140827