＋设为首页 ＋添加到收藏夹
<HTML><HEAD>
<title>DropDown IFrame Sample</title></HEAD>
<body MS_POSITIONING="GridLayout">
<form name="Form1" method="post" action="" id="Form1">
<SELECT id="Select1" style="Z-INDEX: 102; LEFT: 272px; WIDTH: 200px; POSITION: absolute; TOP: 88px" onmousedown="return Show(this,IFR);" NAME="Select1"></SELECT>
<SELECT id="Select2" onmousedown="return Show(this,IFR);" style="Z-INDEX: 101; LEFT: 272px; WIDTH: 200px; POSITION: absolute; TOP: 88px" name="Select2"></SELECT>
<iframe id="IFR" style="DISPLAY: none; Z-INDEX: 104; LEFT: 272px; WIDTH: 200px; POSITION: absolute; TOP: 104px; HEIGHT: 150px"></iframe>
<script language="javascript">
var aa=null;
var S1=document.all.Select1;
var S2=document.all.Select2;
function Show(me,id)
{
aa=window.event.srcElement;
var tr=document.all[id];
if(tr!=null)
{
tr.style.left=me.style.left;
tr.style.top=(parseInt(me.style.top)+20)+px;
tr.style.width=(parseInt(me.style.width))+px;
with(IFR){document.writeln(<HTML><body>DropDown Iframe Sample</body></HTML>);document.close();}
if(aa==S1)
{
tr.style.display=;
aa.style.visibility="hidden";
S2.style.visibility="inherit";
}else
{
tr.style.display=none;
aa.style.visibility="hidden";
S1.style.visibility="inherit";
}
}
}
function document.onclick()
{
var tr=document.all[IFR];
if(tr!=null)
{
if(window.event.srcElement!=aa)
{
S1.style.visibility=inherit;
S2.style.visibility=inherit;
tr.style.display=none;
}
}
}
</script>
</form>
</body>
</HTML>
建议用DIV + IMG + iFrame
