可以放在表格中,比如:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>left</title>
<style>
.menu_table {background-color: #ffffff; color: #000000; border: 0 solid #888888;}
.menu_td_on {background-color: #CFD7EA; border: 1 solid #717685; color: #000000; cursor: hand; font-size: 9pt; text-indent: 10; width: 150; height: 22}
.menu_td_off {background-color: #C6CDD2; border: 1 solid #C6CDD2; color: #000000 cursor: hand; font-size: 9pt; text-indent: 10; width: 150; height: 22}
</style>
</head>
<body>
<TABLE border="1">
<TR>
<TD id="xxx"></TD>
<TD>sdf sdfdsf dsfdsf dfsdfsd</TD>
</TR>
<TR>
<TD>sdf dsfsdfsdfs</TD>
<TD>dsf dfsdsdf fdsf dfsdsaf</TD>
</TR>
</TABLE>
<script>
<!--
//------------- Menu Action ----------------//
function off_td()
{
event.srcElement.className = "menu_td_off";
}
function on_td()
{
event.srcElement.className = "menu_td_on";
}var time_num = new Array();
var temp_num = null;
function parent_show_son(num,l,t,w)
{
clearTimeout(time_num[num]);
if(temp_num)
{
hide_son(temp_num);
}
with(document.getElementById("son_"+num).style)
{
pixelLeft = l+w+10;
pixelTop = t+15;
display = "block";
}
temp_num = num;
}
function parent_hide_son(num)
{
time_num[num] = setTimeout("hide_son("+num+")",600);
}
function hide_son(num)
{
document.getElementById("son_"+num).style.display = "none";
}
function son_on(num)
{
clearTimeout(time_num[num]);
}
//-------------- Make Menu --------------//
var parent_char = '<table border="0" cellspacing="1" cellpadding="0" class="menu_table">'
var son_num = 0;
var son_menu = new Array();
function Have_menu(word)
{
parent_char+='<tr><td class="menu_td_off" onmousemove="on_td();parent_show_son(this.son,this.offsetLeft,this.offsetTop,this.offsetWidth)" onmouseout="off_td();parent_hide_son(this.son)" son="'+son_num+'">'+word+'</td></tr>';
son_menu[son_num] = '<div id="son_'+son_num+'" style="position: absolute; top: 0; left: 0; display: none" son="'+son_num+'" onmouseover="son_on(this.son)" onmouseout="parent_hide_son(this.son)"><table border="0" cellspacing="1" cellpadding="0" class="menu_table">'
this.son = son_num;
this.Additem = Additem;
this.Enditem = Enditem;
son_num++;
}
function Additem(word,link,target)
{
son_menu[this.son]+= '<tr><a href="'+link+'" target="'+target+'"><td class="menu_td_off" onmousemove="on_td()" onmouseout="off_td()">'+word+'</td></a></tr>'
}
function Enditem()
{
son_menu[this.son]+= '</table></div>'
}
function No_menu(word)
{
parent_char+='<tr><td class="menu_td_off" onmousemove="on_td();hide_son(temp_num)" onmouseout="off_td();">'+word+'</td></tr>';
}
function End_menu()
{
parent_char+='</table>';
for(i=0;i<son_menu.length;i++)
{
parent_char+=son_menu[i]
}
}
function Show_Good_Menu()
{
return parent_char;
}
//-->
</script>
<script>
<!--
var BM = new Array();
BM[0] = new Have_menu("About Company");
BM[0].Additem("About Company","../company/aboutus.php","");
BM[0].Additem("CEO Message","../company/message.php","");
BM[0].Additem("Vision","../company/vision.php","");
BM[0].Additem("Organization","../company/organization.php","");
BM[0].Additem("History","../company/history","");
BM[0].Enditem();
BM[1] = new Have_menu("Brand");
BM[1].Additem("Brand","../company/brand.php","");
BM[1].Enditem();
BM[2] = new Have_menu("Contact Us");
BM[2].Additem("Contactus","../company/contactus.php","");
BM[2].Enditem();
End_menu();
xxx.innerHTML +=Show_Good_Menu(); //xxx为你想要放置菜单的元素
// document.body.innerHTML += Show_Good_Menu();
//-->
</script>
</body>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>left</title>
<style>
.menu_table {background-color: #ffffff; color: #000000; border: 0 solid #888888;}
.menu_td_on {background-color: #CFD7EA; border: 1 solid #717685; color: #000000; cursor: hand; font-size: 9pt; text-indent: 10; width: 150; height: 22}
.menu_td_off {background-color: #C6CDD2; border: 1 solid #C6CDD2; color: #000000 cursor: hand; font-size: 9pt; text-indent: 10; width: 150; height: 22}
</style>
</head>
<body>
<TABLE border="1">
<TR>
<TD id="xxx"></TD>
<TD>sdf sdfdsf dsfdsf dfsdfsd</TD>
</TR>
<TR>
<TD>sdf dsfsdfsdfs</TD>
<TD>dsf dfsdsdf fdsf dfsdsaf</TD>
</TR>
</TABLE>
<script>
<!--
//------------- Menu Action ----------------//
function off_td()
{
event.srcElement.className = "menu_td_off";
}
function on_td()
{
event.srcElement.className = "menu_td_on";
}var time_num = new Array();
var temp_num = null;
function parent_show_son(num,l,t,w)
{
clearTimeout(time_num[num]);
if(temp_num)
{
hide_son(temp_num);
}
with(document.getElementById("son_"+num).style)
{
pixelLeft = l+w+10;
pixelTop = t+15;
display = "block";
}
temp_num = num;
}
function parent_hide_son(num)
{
time_num[num] = setTimeout("hide_son("+num+")",600);
}
function hide_son(num)
{
document.getElementById("son_"+num).style.display = "none";
}
function son_on(num)
{
clearTimeout(time_num[num]);
}
//-------------- Make Menu --------------//
var parent_char = '<table border="0" cellspacing="1" cellpadding="0" class="menu_table">'
var son_num = 0;
var son_menu = new Array();
function Have_menu(word)
{
parent_char+='<tr><td class="menu_td_off" onmousemove="on_td();parent_show_son(this.son,this.offsetLeft,this.offsetTop,this.offsetWidth)" onmouseout="off_td();parent_hide_son(this.son)" son="'+son_num+'">'+word+'</td></tr>';
son_menu[son_num] = '<div id="son_'+son_num+'" style="position: absolute; top: 0; left: 0; display: none" son="'+son_num+'" onmouseover="son_on(this.son)" onmouseout="parent_hide_son(this.son)"><table border="0" cellspacing="1" cellpadding="0" class="menu_table">'
this.son = son_num;
this.Additem = Additem;
this.Enditem = Enditem;
son_num++;
}
function Additem(word,link,target)
{
son_menu[this.son]+= '<tr><a href="'+link+'" target="'+target+'"><td class="menu_td_off" onmousemove="on_td()" onmouseout="off_td()">'+word+'</td></a></tr>'
}
function Enditem()
{
son_menu[this.son]+= '</table></div>'
}
function No_menu(word)
{
parent_char+='<tr><td class="menu_td_off" onmousemove="on_td();hide_son(temp_num)" onmouseout="off_td();">'+word+'</td></tr>';
}
function End_menu()
{
parent_char+='</table>';
for(i=0;i<son_menu.length;i++)
{
parent_char+=son_menu[i]
}
}
function Show_Good_Menu()
{
return parent_char;
}
//-->
</script>
<script>
<!--
var BM = new Array();
BM[0] = new Have_menu("About Company");
BM[0].Additem("About Company","../company/aboutus.php","");
BM[0].Additem("CEO Message","../company/message.php","");
BM[0].Additem("Vision","../company/vision.php","");
BM[0].Additem("Organization","../company/organization.php","");
BM[0].Additem("History","../company/history","");
BM[0].Enditem();
BM[1] = new Have_menu("Brand");
BM[1].Additem("Brand","../company/brand.php","");
BM[1].Enditem();
BM[2] = new Have_menu("Contact Us");
BM[2].Additem("Contactus","../company/contactus.php","");
BM[2].Enditem();
End_menu();
xxx.innerHTML +=Show_Good_Menu(); //xxx为你想要放置菜单的元素
// document.body.innerHTML += Show_Good_Menu();
//-->
</script>
</body>
1)菜单必须有个父元素,缺省是document.body, 可以改为你相放的地方,比如xxx。
2)脚本的最后一行:
document.body.innerHTML += Show_Good_Menu();
改为你的元素:
xxx.innerHTML += Show_Good_Menu();