有一很简单的方法可以解决,使用iframe。你做一个页面,上面就改你的div,然后再设置iframe,src=你现在包括flash的页面所有内容。
那么div可以在任何东西的上面了。测试过,很好用
解决方案 »
- '*.superclass.constructor' 为空或不是对象(报的错误)
- 求助jq高手...
- 如何动态改变TreeLoader中dataUrl的值---急
- 帮忙看看这个问题 急
- js 字符串 查出a-z的汉字和字母
- 一个莫名其妙的javascript错误!
- 如何在Javascript判断一个对象(文本框)是否获得焦点?
- javascript实现datagrid的纵向求和?????
- 如何用脚本实现图片另存为
- 关于 VML 的整理已经完成了。。 谢谢大家的支持!!
- 请问怎样把javascript中的数组传递到同一个页面的session里面去
- 在一个页面中选定多个复选的条目后,点击确认然后这个页面自动关闭,选定的条目在另外一个页面中自动显示。
<option>1</option>
<option>2</option>
</select>
<iframe frameborder=0 marginwidth=0 marginheight=0 id="test" style="position:absolute;width:100;height:100;left:0;top:25"></iframe>
<script>
var doc = window.frames["test"].document;
doc.open();
doc.write('<div style="background:red;width:100%;height:100%">div</div>');
doc.close();
</script>
<script language="javascript">
function clickProcess(){
divHandle=document.getElementById('div');
if (divHandle.style.visibility=='hidden'){
divHandle.style.visibility='visible';
document.all.framemask.style.visibility = 'visible';
}else{
divHandle.style.visibility='hidden';
document.all.framemask.style.visibility = 'hidden';
}
}function checkOverflow(divObj){
if(!divObj)return; var l,t,r,b;
l = divObj.offsetLeft;
t = divObj.offsetTop;
r = l + divObj.offsetWidth;
b = t + divObj.offsetHeight; var l1,t1,r1,b1; var selectObjs = document.all.tags("SELECT")
for(var i = 0; i < selectObjs.length; i ++){
var obj = selectObjs[i];
l1 = obj.offsetLeft;
t1 = obj.offsetTop;
r1 = l1 + obj.offsetWidth;
b1 = t1 + obj.offsetHeight;
if(rectInRange(l,t,r,b,l1,t1,r1,b1)){
}
}
}function rectInRange(l,t,r,b, l1, t1, r1, b1){
if((l1>=l)&&(t1>=t)&&(r1<=r)&&(b1<=b))
return 0;
if((l1<l)&&(t1<t)&&(r1>r)&&(b1>b))
return 1.;
return 2;
//返回值, 0完全盖住, 1没有盖住, 2,盖住一部份
}
</script>
<body>
输入选项:<input type="text"><input type="button" value="……" width=5 onclick="clickProcess()"><br/>
<div name="div" id="div" style="position:absolute;z-index:100;width:300px;height:200px;visibility:hidden; background-color: rgb(223,71,177) ">
<table>
<tr>
<td>11111111111111</td>
</tr>
<tr>
<td>22222222222222</td>
</tr>
<tr>
<td>33333333333333</td>
</tr>
<tr>
<td>这是一个层,我想显示在select的上面</td>
</tr>
</table>
</div>
输入: <select name="" height=200 style="width:200;height:200"></select>
<select name="" height=200 style="position:absolute;left:200px;width:200;height:200"></select>
<iframe src="about:" frameborder=0 id=framemask style="position:absolute;visibility:hidden;width:300px;height:200px;left:expression(document.all('div').offsetLeft);top:expression(document.all('div').offsetTop);background-color:white;"></iframe>
</body>
</html>
var tags = new Array ('applet', 'iframe', 'select'); var p = getAbsolutePos(el);
var EX1 = p.x;
var EX2 = el.offsetWidth + EX1;
var EY1 = p.y;
var EY2 = el.offsetHeight + EY1; for (var k = 0; k < tags.length; k++) {
var ar = document.getElementsByTagName(tags[k]);
var cc = null; for (var i = 0; i < ar.length; i++) {
cc = ar[i]; p = getAbsolutePos(cc);
var CX1 = p.x;
var CX2 = cc.offsetWidth + CX1;
var CY1 = p.y;
var CY2 = cc.offsetHeight + CY1; if ((CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
cc.style.visibility = "visible";
} else {
cc.style.visibility = "hidden";
}
}
}
}
function getAbsolutePos (el) {
var r = { x: el.offsetLeft, y: el.offsetTop };
if (el.offsetParent) {
var tmp = getAbsolutePos(el.offsetParent);
r.x += tmp.x;
r.y += tmp.y;
}
return r;
}
<html>
<head>
<title>长城计算机集团</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
-->
</style>
<link rel="stylesheet" href="cicpa.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- #BeginLibraryItem "/Library/daohang.lbi" -->
<table width="776" border="0" onMouseOver="div_table_1.style.display =''" onMouseOut="div_table_1.style.display = 'none';" align="center" cellpadding="0" cellspacing="0" background="../images/b_3.jpg">
<tr>
<td> <div align="center"><a href="../index1.asp"><font color="#000000">首页</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"../xml/a.xml")'> <div align="center"><a href="../aboutus/1.htm"><font color="#000000">关于长城</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"")'> <div align="center"><a href="../news/news.asp"><font color="#000000">新闻中心</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td background="../images/b_3c.jpg" onmouseover='setPlace(this,"../xml/c.xml")'>
<div align="center"><a href="cpxx.asp?id=AA"><font color="#000000">产品</font></a>&<a href="3.htm"><font color="#000000">解决方案</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"")'> <div align="center"><a href="../sales/etnet.asp"><font color="#000000">销售网络</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"../xml/e.xml")'> <div align="center"><a href="../services/1.htm"><font color="#000000">如意服务</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"../xml/f.xml")'><div align="center"><a href="../hunting/1.htm"><font color="#000000">求贤纳士</font></a></div>
<div align="center"> </div></td>
</tr>
</table>
<div id="div_table_1" style="position:absolute; left:561px; top:102px; width:120px; height:216px; z-index:4" onMouseOver="this.style.display =''" onMouseOut="this.style.display = 'none';">
</div>
<!-- #EndLibraryItem -->
<!--flaseh-->
<div align="right" style="z-index:-1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="157" height="65">
<param name=movie value="../images/about%20us/wlwl.swf">
<param name=quality value=high>
<embed src="../images/about%20us/wlwl.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="157" height="65">
</embed>
</object>
</div>
</body>
</html>
<script language=javascript>
// JScript source code
function getPos(cell)
{
var pos = new Array();
var t=cell.offsetTop;
var l=cell.offsetLeft;
while(cell=cell.offsetParent)
{
t+=cell.offsetTop;
l+=cell.offsetLeft;
}
pos[0] = t;
pos[1] = l;
return pos;
}function setPlace(cell,xmlUrl)
{
var strTable = getXml(xmlUrl);
document.all.div_table_1.innerHTML = strTable;
if(strTable!="")
{
var arrPos = getPos(cell);
var oDiv = document.all.div_table_1;
var oTable = document.all.table1;
oDiv.style.display = 'block';
var tdwidth = cell.offsetWidth;
var tdheight = cell.offsetHeight;
var tdleft = arrPos[1];
var tdtop = arrPos[0];
oTable.style.width = tdwidth;
oDiv.style.width = tdwidth;
oDiv.style.left = tdleft;
oDiv.style.top = tdtop + tdheight;
}
}function getXml(xmlUrl)
{
if(xmlUrl!="")
{
var objXML=new ActiveXObject("Msxml2.DOMDocument");
var strTable;
strTable="<table border=0 cellpadding=0 cellspacing=1 bgcolor=#FF9933><tr><td bgcolor=#DDDDDD>";
strTable+="<table id=table1 border=0 cellspacing=1 cellpadding=4>";
objXML.async=false;
objXML.load(xmlUrl)
var i = objXML.getElementsByTagName("node").length;
var strTitle,strUrl;
for(var j=0;j<i;j++)
{
strTitle = objXML.childNodes[1].childNodes[j].childNodes[0].text;
strUrl = objXML.childNodes[1].childNodes[j].childNodes[1].text;
strTable+="<tr><td height=22 bgcolor=#F5F5F5 align=left><span> </span><a href='"+strUrl+"'>"+strTitle+"</a></td></tr>";
}
strTable+="</table></td></tr></table>";
return strTable;
}
else
{
return "";
}
}
</script>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="157" height="65">
<param name=movie value="../images/about%20us/wlwl.swf">
<param name=quality value=high>
<embed src="../images/about%20us/wlwl.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="157" height="65">
</embed>
</object>
</div>这一块是显示flash的代码,我如何放到iframe中?
flash也是放在一个层里吧,但是可能因为里面是个object,优先权要大于层所以遮住了你的div,通过加入优先权大于object的iframe可以解决
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="157" height="65">
<param name=movie value="../images/about%20us/wlwl.swf">
<param name=quality value=high>
<embed src="../images/about%20us/wlwl.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="157" height="65">
</embed>
</object>
</iframe>
可还是在iframe的后面
<iframe src="../images/about%20us/wlwl.swf" style="z-index:-1">
</iframe>
<head>
<title>??衡审栋?</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
-->
</style>
<link rel="stylesheet" href="cicpa.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- #BeginLibraryItem "/Library/daohang.lbi" -->
<table width="776" border="0" onMouseOver="document.all.div_table_1.style.display =''" onMouseOut="document.all.div_table_1.style.display = 'none';" align="center" cellpadding="0" cellspacing="0" background="../images/b_3.jpg">
<tr>
<td> <div align="center"><a href="../index1.asp"><font color="#000000">?</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"../xml/a.xml")'> <div align="center"><a href="../aboutus/1.htm"><font color="#000000">??</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"")'> <div align="center"><a href="../news/news.asp"><font color="#000000">穝?いみ</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td background="../images/b_3c.jpg" onmouseover='setPlace(this,"../xml/c.xml")'>
<div align="center"><a href="cpxx.asp?id=AA"><font color="#000000">?珇</font></a>&<a href="3.htm"><font color="#000000">秆?よ</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"")'> <div align="center"><a href="../sales/etnet.asp"><font color="#000000">?扳蔍?</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"../xml/e.xml")'> <div align="center"><a href="../services/1.htm"><font color="#000000">種狝?</font></a>
</div></td>
<td> <div align="center"><img src="../images/b_1d.gif" width="2" height="24"></div></td>
<td onmouseover='setPlace(this,"../xml/f.xml")'><div align="center"><a href="../hunting/1.htm"><font color="#000000">―??</font></a></div>
<div align="center"> </div></td>
</tr>
</table>
<iframe id="div_table_1" style="position:absolute; display:none; left:561px; top:102px; width:120px; height:216px; z-index:4" ></iframe>
<!-- #EndLibraryItem -->
<!--flaseh-->
<div align="right" style="z-index:-1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="157" height="65">
<param name=movie value="../images/about%20us/wlwl.swf">
<param name=quality value=high>
<embed src="../images/about%20us/wlwl.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="157" height="65">
</embed>
</object>
</div>
</body>
</html>
<script language=javascript>
// JScript source code
function getPos(cell)
{
var pos = new Array();
var t=cell.offsetTop;
var l=cell.offsetLeft;
while(cell=cell.offsetParent)
{
t+=cell.offsetTop;
l+=cell.offsetLeft;
}
pos[0] = t;
pos[1] = l;
return pos;
}function setPlace(cell,xmlUrl)
{
var strTable = getXml(xmlUrl);
var doc = window.frames["div_table_1"].document;
doc.open();
doc.write(strTable);
doc.close();
if(strTable!="")
{
var arrPos = getPos(cell);
var oFrm = document.all.div_table_1;
var oTable = document.all.table1;
oFrm.style.display = 'block';
var tdwidth = cell.offsetWidth;
var tdheight = cell.offsetHeight;
var tdleft = arrPos[1];
var tdtop = arrPos[0];
// oTable.style.width = tdwidth;
oFrm.style.width = tdwidth;
oFrm.style.left = tdleft;
oFrm.style.top = tdtop + tdheight;
}
else
document.all.div_table_1.style.display = "none";
event.cancelBubble = true;
}function getXml(xmlUrl)
{
if(xmlUrl!="")
{
var objXML=new ActiveXObject("Msxml2.DOMDocument");
var strTable;
strTable="<table border=0 cellpadding=0 cellspacing=1 bgcolor=#FF9933><tr><td bgcolor=#DDDDDD>";
strTable+="<table id=table1 border=0 cellspacing=1 cellpadding=4>";
objXML.async=false;
objXML.load(xmlUrl)
var i = objXML.getElementsByTagName("node").length;
var strTitle,strUrl;
for(var j=0;j<i;j++)
{
strTitle = objXML.childNodes[1].childNodes[j].childNodes[0].text;
strUrl = objXML.childNodes[1].childNodes[j].childNodes[1].text;
strTable+="<tr><td height=22 bgcolor=#F5F5F5 align=left><span></span><a href='"+strUrl+"'>"+strTitle+"</a></td></tr>";
}
strTable+="</table></td></tr></table>";
return strTable;
}
else
{
return "";
}
}
</script>