文本框按照以下这样排出
____aa
____—— ——
aaa1 进入
—— ———— ——
aaa2 退出
—— —— .后面的样式一样 省略js文件:
var bol1=0,bol2=0;
var bol11=0,bol12=0;
var bol21=0,bol22=0;
function display(obj)
{
obj.style.display="";
}
function hidden(obj)
{
obj.style.display="none";
}
function change_d(obj)
{
switch (obj.id)
{
case "a": if(bol1==0) obj.className="table_topmenu_over";if(bol1==1) obj.className="table_topmenu_click"; break;
case "b": if(bol2==0) obj.className="table_topmenu_over";if(bol2==1) obj.className="table_topmenu_click"; break;
}
}
function change_h(obj)
{
switch (obj.id)
{
case "a": if(bol1==0) obj.className="table_topmenu";if(bol1==1) obj.className="table_topmenu_click"; break;
case "b": if(bol2==0) obj.className="table_topmenu";if(bol2==1) obj.className="table_topmenu_click"; break;
}
}
function hiddenall()
{
// if(bol!=1) {hidden(aa);hidden(bb);hidden(cc);hidden(dd)}
}
function over(obj)
{
switch (obj.id)
{
case "a": if(bol1==0) {obj.className="table_topmenu_over";} if(bol1==1) {obj.className="table_topmenu_click";} display(aa);break;
case "b": if(bol2==0) {obj.className="table_topmenu_over";} if(bol2==1) {obj.className="table_topmenu_click";} display(bb);break;
}
}
function out(obj)
{
switch (obj.id)
{
case "a": if(bol1==0) {obj.className="table_topmenu";} if(bol1==1) {obj.className="table_topmenu_click";} hidden(aa);break;
case "b": if(bol2==0) {obj.className="table_topmenu";} if(bol2==1) {obj.className="table_topmenu_click";} hidden(bb);break;
}
}
function childover(obj)
{
obj.className="cell_childmenu_over";
}
function childout(obj)
{
obj.className="cell_childmenu";
}
function down(obj)
{
a.className="table_topmenu";bol1=0;
b.className="table_topmenu";bol2=0;
switch (obj.id)
{
case "aa1": {a.className="table_topmenu_click";bol1=1;hidden(aa);window.frames('main').location.href="Register.aspx?begin=1";break;}
case "aa2": {a.className="table_topmenu_click";bol1=1;hidden(aa);window.frames('main').location.href="CancelRegister.aspx";break;}
case "bb1": {b.className="table_topmenu_click";bol2=1;hidden(bb);window.frames('main').location.href="RegiserReportFind.aspx";break;}
case "bb2": {b.className="table_topmenu_click";bol2=1;hidden(bb);window.frames('main').location.href="Register_All_Report_Find.aspx";break;}
}
} function table_over(obj)
{
switch (obj.id)
{
case "aaa1": if(bol11==0) {aaa1.className="table_childmenu_over"} if(bol11==1) {aaa1.className="table_childmenu_clicked_over"} break;
case "aaa2": if(bol12==0) {aaa2.className="table_childmenu_over"} if(bol12==1) {aaa2.className="table_childmenu_clicked_over"} break;
case "bbb1": if(bol21==0) {bbb1.className="table_childmenu_over"} if(bol21==1) {bbb1.className="table_childmenu_clicked_over"} break;
case "bbb2": if(bol22==0) {bbb2.className="table_childmenu_over"} if(bol22==1) {bbb2.className="table_childmenu_clicked_over"} break;
}
} function table_out(obj)
{
switch (obj.id)
{
case "aaa1": if(bol11==0) {aaa1.className="table_childmenu"} if(bol11==1) {aaa1.className="table_childmenu_clicked"} break;
case "aaa2": if(bol12==0) {aaa2.className="table_childmenu"} if(bol12==1) {aaa2.className="table_childmenu_clicked"} break;
case "bbb1": if(bol21==0) {bbb1.className="table_childmenu"} if(bol21==1) {bbb1.className="table_childmenu_clicked"} break;
case "bbb2": if(bol22==0) {bbb2.className="table_childmenu"} if(bol22==1) {bbb2.className="table_childmenu_clicked"} break;
}
} function table_click(obj)
{
aaa1.className="table_childmenu";bol11=0;
aaa2.className="table_childmenu";bol12=0;
bbb1.className="table_childmenu";bol21=0;
bbb2.className="table_childmenu";bol22=0;
switch (obj.id)
{
case "aaa1": {aaa1.className="table_childmenu_clicked";bol11=1;}break;
case "aaa2": {aaa2.className="table_childmenu_clicked";bol12=1;}break;
case "bbb1": {bbb1.className="table_childmenu_clicked";bol21=1;}break;
case "bbb2": {bbb2.className="table_childmenu_clicked";bol22=1;}break;
}
}
function make()
{
var offsetx=-1;
if(window.screen.width=="1024")
{window.document.all.Registration.style.marginLeft="100px";
window.document.all.aa.style.left="583px";
window.document.all.aa.style.top="94px";
window.document.all.bb.style.left="657px";
window.document.all.bb.style.top="94px";}
else
{window.document.all.Registration.style.marginLeft="-4px";
window.document.all.aa.style.left=480+offsetx;
window.document.all.aa.style.top="94px";
window.document.all.bb.style.left=554+offsetx;
window.document.all.bb.style.top="94px";
}
}
ins:
<div id="aa" style="display:none;position:absolute;" class="menulist" onmouseover="display(this);change_d(a)" onmouseout="hidden(this);change_h(a)">
<table border="0" cellpadding="0" cellspacing="0" width="58px">
<tr><td><div id="aa1" class="cell_childmenu" onmouseup="down(this)" onmouseover="childover(this)" onmouseout="childout(this)"><table id="aaa1" height="19px" class="table_childmenu"><tr><td onclick="table_click(aaa1)" onmouseover="table_over(aaa1)" onmouseout="table_out(aaa1)"> 进 入 </td></tr></table></div><td><tr>
<tr><td><div id="aa2" class="cell_childmenu" onmouseup="down(this)" onmouseover="childover(this)" onmouseout="childout(this)"><table id="aaa2" height="19px" class="table_childmenu"><tr><td onclick="table_click(aaa2)" onmouseover="table_over(aaa2)" onmouseout="table_out(aaa2)"> 退 出 </td></tr></table></div><td><tr>
</table>
</div>
<div id="bb" style="display:none;position:absolute;" class="menulist" onmouseover="display(this);change_d(b)" onmouseout="hidden(this);change_h(b)">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td><div id="bb1" class="cell_childmenu" onmouseup="down(this)" onmouseover="childover(this)" onmouseout="childout(this)"><table id="bbb1" class="table_childmenu"><tr><td onclick="table_click(bbb1)" onmouseover="table_over(bbb1)" onmouseout="table_out(bbb1)"> 查询 </td></tr></table></div><td><tr>
<tr><td><div id="bb2" class="cell_childmenu" onmouseup="down(this)" onmouseover="childover(this)" onmouseout="childout(this)"><table id="bbb2" class="table_childmenu"><tr><td onclick="table_click(bbb2)" onmouseover="table_over(bbb2)" onmouseout="table_out(bbb2)"> 模糊查询 </td></tr></table></div><td><tr>
</table>
</div>
____aa
____—— ——
aaa1 进入
—— ———— ——
aaa2 退出
—— —— .后面的样式一样 省略js文件:
var bol1=0,bol2=0;
var bol11=0,bol12=0;
var bol21=0,bol22=0;
function display(obj)
{
obj.style.display="";
}
function hidden(obj)
{
obj.style.display="none";
}
function change_d(obj)
{
switch (obj.id)
{
case "a": if(bol1==0) obj.className="table_topmenu_over";if(bol1==1) obj.className="table_topmenu_click"; break;
case "b": if(bol2==0) obj.className="table_topmenu_over";if(bol2==1) obj.className="table_topmenu_click"; break;
}
}
function change_h(obj)
{
switch (obj.id)
{
case "a": if(bol1==0) obj.className="table_topmenu";if(bol1==1) obj.className="table_topmenu_click"; break;
case "b": if(bol2==0) obj.className="table_topmenu";if(bol2==1) obj.className="table_topmenu_click"; break;
}
}
function hiddenall()
{
// if(bol!=1) {hidden(aa);hidden(bb);hidden(cc);hidden(dd)}
}
function over(obj)
{
switch (obj.id)
{
case "a": if(bol1==0) {obj.className="table_topmenu_over";} if(bol1==1) {obj.className="table_topmenu_click";} display(aa);break;
case "b": if(bol2==0) {obj.className="table_topmenu_over";} if(bol2==1) {obj.className="table_topmenu_click";} display(bb);break;
}
}
function out(obj)
{
switch (obj.id)
{
case "a": if(bol1==0) {obj.className="table_topmenu";} if(bol1==1) {obj.className="table_topmenu_click";} hidden(aa);break;
case "b": if(bol2==0) {obj.className="table_topmenu";} if(bol2==1) {obj.className="table_topmenu_click";} hidden(bb);break;
}
}
function childover(obj)
{
obj.className="cell_childmenu_over";
}
function childout(obj)
{
obj.className="cell_childmenu";
}
function down(obj)
{
a.className="table_topmenu";bol1=0;
b.className="table_topmenu";bol2=0;
switch (obj.id)
{
case "aa1": {a.className="table_topmenu_click";bol1=1;hidden(aa);window.frames('main').location.href="Register.aspx?begin=1";break;}
case "aa2": {a.className="table_topmenu_click";bol1=1;hidden(aa);window.frames('main').location.href="CancelRegister.aspx";break;}
case "bb1": {b.className="table_topmenu_click";bol2=1;hidden(bb);window.frames('main').location.href="RegiserReportFind.aspx";break;}
case "bb2": {b.className="table_topmenu_click";bol2=1;hidden(bb);window.frames('main').location.href="Register_All_Report_Find.aspx";break;}
}
} function table_over(obj)
{
switch (obj.id)
{
case "aaa1": if(bol11==0) {aaa1.className="table_childmenu_over"} if(bol11==1) {aaa1.className="table_childmenu_clicked_over"} break;
case "aaa2": if(bol12==0) {aaa2.className="table_childmenu_over"} if(bol12==1) {aaa2.className="table_childmenu_clicked_over"} break;
case "bbb1": if(bol21==0) {bbb1.className="table_childmenu_over"} if(bol21==1) {bbb1.className="table_childmenu_clicked_over"} break;
case "bbb2": if(bol22==0) {bbb2.className="table_childmenu_over"} if(bol22==1) {bbb2.className="table_childmenu_clicked_over"} break;
}
} function table_out(obj)
{
switch (obj.id)
{
case "aaa1": if(bol11==0) {aaa1.className="table_childmenu"} if(bol11==1) {aaa1.className="table_childmenu_clicked"} break;
case "aaa2": if(bol12==0) {aaa2.className="table_childmenu"} if(bol12==1) {aaa2.className="table_childmenu_clicked"} break;
case "bbb1": if(bol21==0) {bbb1.className="table_childmenu"} if(bol21==1) {bbb1.className="table_childmenu_clicked"} break;
case "bbb2": if(bol22==0) {bbb2.className="table_childmenu"} if(bol22==1) {bbb2.className="table_childmenu_clicked"} break;
}
} function table_click(obj)
{
aaa1.className="table_childmenu";bol11=0;
aaa2.className="table_childmenu";bol12=0;
bbb1.className="table_childmenu";bol21=0;
bbb2.className="table_childmenu";bol22=0;
switch (obj.id)
{
case "aaa1": {aaa1.className="table_childmenu_clicked";bol11=1;}break;
case "aaa2": {aaa2.className="table_childmenu_clicked";bol12=1;}break;
case "bbb1": {bbb1.className="table_childmenu_clicked";bol21=1;}break;
case "bbb2": {bbb2.className="table_childmenu_clicked";bol22=1;}break;
}
}
function make()
{
var offsetx=-1;
if(window.screen.width=="1024")
{window.document.all.Registration.style.marginLeft="100px";
window.document.all.aa.style.left="583px";
window.document.all.aa.style.top="94px";
window.document.all.bb.style.left="657px";
window.document.all.bb.style.top="94px";}
else
{window.document.all.Registration.style.marginLeft="-4px";
window.document.all.aa.style.left=480+offsetx;
window.document.all.aa.style.top="94px";
window.document.all.bb.style.left=554+offsetx;
window.document.all.bb.style.top="94px";
}
}
ins:
<div id="aa" style="display:none;position:absolute;" class="menulist" onmouseover="display(this);change_d(a)" onmouseout="hidden(this);change_h(a)">
<table border="0" cellpadding="0" cellspacing="0" width="58px">
<tr><td><div id="aa1" class="cell_childmenu" onmouseup="down(this)" onmouseover="childover(this)" onmouseout="childout(this)"><table id="aaa1" height="19px" class="table_childmenu"><tr><td onclick="table_click(aaa1)" onmouseover="table_over(aaa1)" onmouseout="table_out(aaa1)"> 进 入 </td></tr></table></div><td><tr>
<tr><td><div id="aa2" class="cell_childmenu" onmouseup="down(this)" onmouseover="childover(this)" onmouseout="childout(this)"><table id="aaa2" height="19px" class="table_childmenu"><tr><td onclick="table_click(aaa2)" onmouseover="table_over(aaa2)" onmouseout="table_out(aaa2)"> 退 出 </td></tr></table></div><td><tr>
</table>
</div>
<div id="bb" style="display:none;position:absolute;" class="menulist" onmouseover="display(this);change_d(b)" onmouseout="hidden(this);change_h(b)">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td><div id="bb1" class="cell_childmenu" onmouseup="down(this)" onmouseover="childover(this)" onmouseout="childout(this)"><table id="bbb1" class="table_childmenu"><tr><td onclick="table_click(bbb1)" onmouseover="table_over(bbb1)" onmouseout="table_out(bbb1)"> 查询 </td></tr></table></div><td><tr>
<tr><td><div id="bb2" class="cell_childmenu" onmouseup="down(this)" onmouseover="childover(this)" onmouseout="childout(this)"><table id="bbb2" class="table_childmenu"><tr><td onclick="table_click(bbb2)" onmouseover="table_over(bbb2)" onmouseout="table_out(bbb2)"> 模糊查询 </td></tr></table></div><td><tr>
</table>
</div>
一个控件、两个文件,三个文本框……
一个控件、两个文件,三个文本框……