<select>
<option>FFF</option>
</select>
<div id='pageBase_Div' style='display:none; z-index: 12001; background-color:#FFFF00 ;text-align:center; position:absolute;padding:5px 6px 0px 6px;border:1px solid red;left:0px;top:0px;'>AAAAAAAAAAAAAAAAA</div>
<iframe id="pageBase_iframe" src="javascript:false;" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none;">
</iframe>
JS代码:
<script type="text/javascript">
var pagebase_div = document.getElementById('pageBase_Div');
var pagebase_iframe = document.getElementById('pageBase_iframe');
pagebase_div.style.display = "block";
pagebase_iframe.style.width = pagebase_div.offsetWidth;
pagebase_iframe.style.height = pagebase_div.offsetHeight;
pagebase_iframe.style.top = pagebase_div.style.top;
pagebase_iframe.style.left = pagebase_div.style.left;
pagebase_iframe.style.zIndex = pagebase_div.style.zIndex - 1;
pagebase_iframe.style.display = "block";
</script>
------------------------------------------------------------------------
直接设置绝对定位,设置层。 position:absolute;top:expression(eval(document.body.scrollleft + 50));
分享到:
相关推荐
用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...
select ——使用DIV 实现 Select js源码
div 模拟 select 多选 实现还有点bug,望大家一起改正。
web前端小问题,select 选择事件,当选择select同一值触发onchange事件
select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可,参数传相关背景图片就可。我都已经放到资源包下了。
jquery DIV模拟select,样式美观、大方、可自己更换背景、不懂的私我
使用div模拟select效果,可点击页面其他任意地方隐藏下拉框
Div下拉菜单被Select挡住的解决办法</title> </head><body> <div style=”z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden;” onmouseover=”this....
div+css打造select下拉菜单,可自己修改相应样式!!!
jQuery+div+css模拟select自定义下拉列表框,简单轻巧实用。
div+css模拟select
使用div+css,实现select美化效果,兼容谷歌,火狐,IE6以上浏览器等。
非常好用的Select插件,通过制作的jQ插件快速生成Selcet 前台界面只需要一个div元素,其他的可以通过插件的API进行数据的填充与获取,demo中都有具体事例
解决IE6 中select 穿透 div 等层的问题
jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html
divcss模拟select 下拉框 select 改变样式
用div+jq高仿ie6的select表单随内容增加 进行了一个升级,将其做成一个类似插件的形式; 在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div...
类似百度新闻页的省市两级菜单,点击输入框弹出层显示省,点击省再显示对应的地级市,取代select,省市是两级连动的,这是上一个代码的改写,页面调用比原来的简单,代码更清楚了,现在的有类别,省市,性别选择,...
一款纯 DIV+CSS+JS 的仿Select下拉表单 兼容目前主流浏览器!