- 浏览: 646308 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (213)
- JAVA (53)
- Tomcat (14)
- EXTJS专栏 (2)
- 数据库 (23)
- JavaScript (13)
- jQuery (11)
- 需求分析 (2)
- css (1)
- 手机 (1)
- php (7)
- 生活 (1)
- ssh (11)
- JFReeChart (2)
- Delphi (1)
- junit (0)
- liunx (10)
- 项目管理 (11)
- 文件下载 (1)
- Eclipse (2)
- jsp (2)
- 外挂、游戏 (1)
- 面试题 (8)
- 性能测试 (2)
- apache (1)
- MyBatis (1)
- Webservice (2)
- ant (1)
- IDEA (2)
- log4j (1)
- 小程序 (1)
最新评论
-
hll127:
请问service这个方法里为什么要while(true)啊? ...
jsp页面静态化例子 -
tarena1:
Spring 源码解读 推荐流程 -
konglx:
springaop_springmvc 写道可以参考最新的文档 ...
Web项目添加Maven支持步骤 -
springaop_springmvc:
可以参考最新的文档:如何在eclipse jee中检出项目并转 ...
Web项目添加Maven支持步骤 -
9976:
很好,谢谢
Spring 源码解读 推荐流程
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Enve</title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<meta content="MSHTML 6.00.3790.2541" name=GENERATOR>
<script>
function createEnvelopDiv(Div)
{
var gap = 0;
if(navigator&&navigator.userAgent.toLowerCase().indexOf("msie") == -1)
{
gap = 2;
}
var displayDiv = Div;
if(typeof(displayDiv.envelopDiv) == "undefined")
{
// create a div to envelop
var tEnvelopDiv = document.createElement("DIV");
// define the envelopDiv's style
tEnvelopDiv.style.left = "-1000000";
tEnvelopDiv.style.top = "-1000000";
tEnvelopDiv.style.width = "0";
tEnvelopDiv.style.height = "0";
tEnvelopDiv.style.zIndex = 10000;
// create a iframe
var tEnvelopIframe = document.createElement("IFRAME");
var tDate = new Date();
var tEnvelopIframeId = "envelopiframe" + tDate.getTime();
tEnvelopIframe.id = tEnvelopIframeId;
tEnvelopIframe.name = tEnvelopIframeId;
// define the iframe's style
tEnvelopIframe.style.position = "absolute";
tEnvelopIframe.style.left = "-1000000";
tEnvelopIframe.style.top = "-1000000";
tEnvelopIframe.style.zIndex = tEnvelopDiv.style.zIndex-1;
tEnvelopIframe.frameBorder = "1";
tEnvelopIframe.src = "javascript:false;";
tEnvelopDiv.appendChild(tEnvelopIframe);
displayDiv.envelopDiv = tEnvelopDiv;
displayDiv.envelopDiv.EnvelopIframeId = tEnvelopIframeId;
displayDiv.parentNode.insertBefore(displayDiv.envelopDiv,displayDiv);
}
// get the iframe
tEnvelopDivIframeId = displayDiv.envelopDiv.EnvelopIframeId;
if(frames&&(frames[tEnvelopDivIframeId]&&frames[tEnvelopDivIframeId].frameElement))
{
tIframe=frames[tEnvelopDivIframeId].frameElement;
}
else
{
tIframe=document.getElementById(tEnvelopDivIframeId);
}
tIframe.style.left = displayDiv.style.left;
tIframe.style.top = displayDiv.style.top;
tIframe.style.width = displayDiv.offsetWidth-2*gap+"px";
tIframe.style.height = displayDiv.offsetHeight-2*gap+"px";
tIframe.style.display = displayDiv.style.display;
tIframe.style.visibility = displayDiv.style.visibility;
displayDiv.style.zIndex = displayDiv.envelopDiv.style.zIndex+1;
return false;
}
</script>
</head>
<body>
<select name="ddd" style="position:absolute;font-size:14px;top:196px;left:106px;">
<option>select</option>
</select>
<div id="Div1" style="position:absolute;font-size:14px;top:126px;left:106px;width:210px;height:100px;background-color:red;border:green 2px solid">
盖不住select的Div1
</div>
<div id="Div2" style="position:absolute;font-size:14px;top:180px;left:160px;width:150px;height:50px;background-color:white;border:blue 1px solid">
盖住select的Div2<br />
3秒后左移并遮盖
</div>
<script>
t = document.getElementById("Div2");
setTimeout("test()", "3000");
function test()
{
t.style.left = "140px";
createEnvelopDiv(t);
}
</script>
</body>
</html>
发表评论
-
tomcat7下对HTTPS的部署配置
2018-11-09 15:33 7481、申请CA证书,可以在腾讯云或者阿里云申请到免费的CA ... -
IDEA切换 svn 问题
2017-11-27 09:21 4909今天项目,本来以为就几分钟的事没想到,还出现报错了,错误日记 ... -
log4j cfx 接口请求、返回信息 日志文件分离
2017-06-28 15:04 2101log4j.rootLogger=info,stdout, ... -
junit 启动报错:java.lang.NoClassDefFoundError
2013-04-17 19:31 1601junit 启动报错:java.lang.NoClassDe ... -
Java中抽象类和接口的区别
2013-04-16 12:12 989小结 1.abstract class 在 Java ... -
web.xml中servlet, bean, filter, listenr 加载顺序汇总
2013-03-28 16:17 1512web.xml中servlet, bean, filter, ... -
深入Java虚拟机JVM类加载初始化学习笔记
2013-03-26 20:39 12061. Classloader的作用,概括来说就是将编译后的c ... -
http代理出错Proxy Error
2013-03-22 09:15 1609最近项目突然访问几下次报: Proxy Error ... -
通过javamelody监控web应用的性能指标
2013-03-04 12:00 17381、问题背景 为了提升应用的性能我们可能需要做很多分析和 ... -
javamelody监控
2013-03-04 11:50 1481. 将 javamelody-1.42.0.war 文件部署 ... -
myeclipse安装svn插件的肯定可行的方法
2012-12-18 21:26 9191、下载最新的SVN包:http://subclipse.ti ... -
WordTemplate 使用
2012-03-27 11:28 1195http://wiki.softartisans.com/di ... -
asyn4j 异步方法调用框架
2012-03-14 14:19 1923例子: 1.调用普通方法 主方法 ... -
asyn4j -- 异步方法调用框架
2012-03-14 14:15 01.3更新 优化代码 新增任务持久与恢复功能 ... -
JasperReport
2011-09-01 13:45 1241“在JRE 5以上的java环境中,java会自动加载$JAV ... -
解决Linux操作系统下AES解密失败的问题
2011-03-11 16:00 6991现象描述: windows上加解密正常,linu ... -
使用set+list进行过滤重复并排序
2011-02-28 11:30 1795有时要把有重复的数据用set去掉重复元素,但用set后又把元素 ... -
ssh 事务
2011-01-12 23:03 1148ssh在做事务提交时,不能直接用Sql语句进行insert i ... -
struts2与 json
2011-01-10 09:17 1199需要注意的是,如果用JSON插件把返回结果定为JSON。而JS ... -
struts2返回json数据问题
2011-01-06 20:58 1268最近同事反映struts2返回数据不了json数据,特意测试了 ...
相关推荐
在本案例中,"解决div总是被select遮挡的问题.rar"提供了解决方案,通过引入一个透明的`iframe`来规避这一现象。 首先,我们需要理解Z轴顺序的概念。在CSS中,`z-index`属性用于指定元素在堆叠上下文中的层级。具有...
用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...
"解决IE6中 Div层挡不住Select组件"这个问题是一个典型的例子,它反映了IE6在CSS层叠样式和Z-index处理上的独特行为。 在现代浏览器中,我们可以利用CSS的`z-index`属性来控制元素的前后堆叠顺序,从而让某些元素...
本教程将围绕“Div实现仿SelectDemo”这一主题,探讨如何利用jQuery创建一个高度可定制的Select插件。 首先,"Div实现仿SelectDemo"意味着我们不再依赖HTML的Select标签,而是用一个简单的Div元素作为基础结构。...
然后,我们将在`div`内嵌套一个`<select>`元素,并将其`position`设置为`absolute`,这样可以使其脱离正常文档流并定位在`div`的特定位置。 接下来,我们需要用CSS来定制`select`的外观。由于`select`元素在不同...
select ——使用DIV 实现 Select js源码
这个IFrame可以解决IE6中的z-index问题,使元素能够正确地遮挡住`<select>`。使用bgiframe时,需要引入jQuery库和bgiframe插件,并调用相应的方法将插件应用到目标元素上。 2. 创建透明IFrame:不依赖jQuery的情况...
select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可,参数传相关背景图片就可。我都已经放到资源包下了。
"DIV模拟select下拉框"就是一种利用JavaScript库,如jQuery,来实现这一目标的技术。它通过用CSS样式化的DIV元素替换原生的SELECT元素,从而提供更灵活的外观和交互体验。 标题中的"DIV模拟select下拉框"意味着我们...
在网页设计中,有时出于美观或者交互性的考虑,开发者会使用`div`元素来模拟`select`下拉菜单的效果。这种做法通常被称为“div模拟select”。本教程将深入探讨如何利用`div`实现这一功能,并提供一个实用版的示例。 ...
divcss模拟select 下拉框 select 改变样式
在这个"div模拟下拉菜单(select)jquery插件.gz"压缩包中,包含的就是这样一个基于`div`和jQuery的自定义下拉菜单解决方案。 首先,`demo.html`是演示页面,它展示了如何在实际项目中应用这个插件。这个页面会包含一...
5. **利用JavaScript进行辅助:** 如果上述CSS方法仍无法解决问题,可以借助JavaScript检测用户对`select`元素的操作,然后动态改变`div`的样式,使其始终位于`select`之上。 6. **测试与优化:** 在多种浏览器环境...
总结,div+css模拟select是一种常见的前端技术,它结合了HTML、CSS和JavaScript的能力,提供了更加灵活和定制化的下拉菜单解决方案。虽然比原生`<select>`元素更复杂,但能够实现更丰富的交互和设计效果,是现代网页...
div 模拟 select 多选 实现还有点bug,望大家一起改正。
Div下拉菜单被Select挡住的解决办法 下拉菜单 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0 test1 ...Div被Select挡住,是一个比较常见的问题。...这个div就可以盖住select了. [Ctrl+A 全选 注:如需引入外部
`div模拟select自定义下拉列表框`是一种常见做法,它利用JavaScript(如jQuery)和CSS来实现,可以提供比原生`<select>`元素更丰富的样式控制和交互体验。本篇将详细介绍这种技术及其应用。 一、为什么使用div模拟...
总的来说,解决IE6下的Select覆盖Div问题需要根据实际情况灵活运用上述方法。在现代浏览器广泛使用的今天,虽然IE6的市场份额已经非常小,但考虑到部分用户可能还在使用,开发者仍需关注此类兼容性问题。在解决这类...
在做项目时我们有时会碰上这样的问题,如何限制select的选择条数,如果光凭借JS,JQ恐怕无法解决该问题 现在我们提供一种解决方法: 用div完全模拟select ( 即用配上CSS和jQuery,来打造出一个仿真的 ),来达到控制条...
用div+jq高仿ie6的select表单随内容增加 进行了一个升级,将其做成一个类似插件的形式; 在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div...