下拉菜单在页面中的位置是用坐标来选择的。。想改掉!!!!

Question

<style>
BODY{
font-family:arial;
font-size:12px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}
code,pre{
  color:red;
}.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}/* ######################################### MENU NUMBER 1 - ABOUT US ################################# */
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#42AB9F; layer-background-color:#42AB9F; visibility:hidden}/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:18px; font-family: arial; font-size:17px; font-weight:bold; }
.clLevel0{background-color:transparent; layer-background-color:transparent; color:white;}
.clLevel0over{background-color:transparent; layer-background-color:transparent; color:white; cursor:pointer; cursor:hand;}
.clLevel0border{position:absolute; visibility:hidden; background-color:transparent; layer-background-color:transparent;}/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:4px; font-family:arial; font-size:11px; font-weight:bold}
.clLevel1{background-color:#C1DEC1; layer-background-color:#C1DEC1; color:42AB9F;}
.clLevel1over{background-color:#42AB9F; layer-background-color:#42AB9F; color:white; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute;  background-color:#FFFFFF; layer-background-color:#FFFFFF}/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:4px; font-family:arial; font-size:11px; font-weight:bold}
.clLevel2{background-color:#C1DEC1; layer-background-color:#C1DEC1; color:42AB9F;}
.clLevel2over{background-color:#42AB9F; layer-background-color:#42AB9F; color:white; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}/*Styles for level 3*/
.clLevel3, .clLevel3over{position:absolute; padding:4px; font-family:arial; font-size:11px; font-weight:bold}
.clLevel3{background-color:#C1DEC1; layer-background-color:#C1DEC1; color:42AB9F;}
.clLevel3over{background-color:#42AB9F; layer-background-color:#42AB9F; color:white; cursor:pointer; cursor:hand; }
.clLevel3border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}/* ######################################### MENU NUMBER 2 - CLIENT SERVICE ################################# *//*Style for the background-bar*/
.cl2Bar{position:absolute; width:10; height:10; background-color:#5188A3; layer-background-color:#5188A3; visibility:hidden}
/*Styles for level 0*/
.cl2Level0,.cl2Level0over{position:absolute; padding:18px; font-family:arial; font-size:17px; font-weight:bold;}.cl2Level0{background-color:transparent; layer-background-color:transparent; color:white;}
.cl2Level0over{background-color:transparent; layer-background-color:transparent; color:white; cursor:pointer; cursor:hand; }
.cl2Level0border{position:absolute; visibility:hidden; background-color:transparent; layer-background-color:transparent}/*Styles for level 1*/
.cl2Level1, .cl2Level1over{position:absolute; padding:4px; font-family:arial; font-size:11px; font-weight:bold}
.cl2Level1{background-color:#AFC2CC; layer-background-color:#AFC2CC; color:5188A3;}
.cl2Level1over{background-color:#5188A3; layer-background-color:#5188A3; color:white; cursor:pointer; cursor:hand; }
.cl2Level1border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}/*Styles for level 2*/
.cl2Level2, .cl2Level2over{position:absolute; padding:4px; font-family:arial; font-size:11px; font-weight:bold}
.cl2Level2{background-color:#AFC2CC; layer-background-color:#AFC2CC; color:5188A3;}
.cl2Level2over{background-color:#5188A3; layer-background-color:#5188A3; color:white; cursor:pointer; cursor:hand; }
.cl2Level2border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}
/*Styles for level 3*/
.cl2Level3, .cl2Level3over{position:absolute; padding:4px; font-family:arial; font-size:11px; font-weight:bold}
.cl2Level3{background-color:#AFC2CC; layer-background-color:#AFC2CC; color:5188A3;}
.cl2Level3over{background-color:#5188A3; layer-background-color:#5188A3; color:white; cursor:pointer; cursor:hand; }
.cl2Level3border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}
/* ######################################### MENU NUMBER 3 - IDEAS ################################# *//*Style for the background-bar*/
.cl3Bar{position:absolute; width:10; height:10; background-color:#D1470A; layer-background-color:#D1470A; visibility:hidden}/*Styles for level 0*/
.cl3Level0,.cl3Level0over{position:absolute; padding:18px; font-family:arial; font-size:17px; font-weight:bold;}
.cl3Level0{background-color:transparent; layer-background-color:transparent; color:white;}
.cl3Level0over{background-color:transparent; layer-background-color:transparent; color:white; cursor:pointer; cursor:hand; }
.cl3Level0border{position:absolute; visibility:hidden; background-color:transparent; layer-background-color:transparent}/*Styles for level 1*/
.cl3Level1, .cl3Level1over{position:absolute; padding:4px; font-family:arial; font-size:11px; font-weight:bold}
.cl3Level1{background-color:#EEA674; layer-background-color:#EEA674; color:D1470A;}
.cl3Level1over{background-color:#D1470A; layer-background-color:#D1470A; color:white; cursor:pointer; cursor:hand; }
.cl3Level1border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}/*Styles for level 2*/
.cl3Level2, .cl3Level2over{position:absolute; padding:4px; font-family:arial; font-size:11px; font-weight:bold}
.cl3Level2{background-color:#EEA674; layer-background-color:#EEA674; color:D1470A;}
.cl3Level2over{background-color:#D1470A; layer-background-color:#D1470A; color:white; cursor:pointer; cursor:hand; }
.cl3Level2border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}/*Styles for level 3*/
.cl3Level3, .cl3Level3over{position:absolute; padding:4px; font-family:arial; font-size:11px; font-weight:bold}
.cl3Level3{background-color:#EEA674; layer-background-color:#EEA674; color:D1470A;}
.cl3Level3over{background-color:#D1470A; layer-background-color:#D1470A; color:white; cursor:pointer; cursor:hand; }
.cl3Level3border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}
      </style>

Answer 1

<SCRIPT language="JavaScript">
function validate(){
if(document.search.qu.value=="")
{
alert ("Please enter one or more search terms");
document.search.qu.focus();
return false;
}
{
return true;
}
}
</SCRIPT>
<script language="JavaScript" src="coolmenus4.js">
</script>
        
 <SCRIPT language="JavaScript">//Menu object creation
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname//Menu properties
oCMenu.pxBetween=0
oCMenu.fromLeft=110/////////////////////这是在页面中菜单x的坐标
oCMenu.fromTop=192//////////////////////这是在页面中菜单y的坐标
oCMenu.rows=1
oCMenu.menuPlacement=0oCMenu.offlineRoot="/"
oCMenu.onlineRoot=""
oCMenu.resizeCheck=1
oCMenu.wait=1000
oCMenu.fillImg=""
oCMenu.zIndex=0//Background bar properties
oCMenu.useBar=0
oCMenu.barWidth="259"
oCMenu.barHeight="22"
oCMenu.barClass="clBar"
oCMenu.barX=0
oCMenu.barY=77
oCMenu.barBorderX=0
oCMenu.barBorderY=0
oCMenu.barBorderClass=""//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width="261"
oCMenu.level[0].height=45
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=0
oCMenu.level[0].borderY=0
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].align="bottom"
oCMenu.level[0].arrow=""
oCMenu.level[0].arrowWidth=14
oCMenu.level[0].arrowHeight=35
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[1].width="263"
oCMenu.level[1].height=21
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=0
oCMenu.level[1].borderY=1
oCMenu.level[1].align="right"
oCMenu.level[1].offsetX=-120
oCMenu.level[1].offsetY=-10
oCMenu.level[1].borderClass="clLevel1border"
oCMenu.level[1].arrow=""
oCMenu.level[1].arrowWidth=15
oCMenu.level[1].arrowHeight=8
oCMenu.level[1].roundedborder=8
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[2].width="260"
oCMenu.level[2].height=18
oCMenu.level[2].offsetX=-130
oCMenu.level[2].offsetY=10
oCMenu.level[2].borderX=1
oCMenu.level[2].borderY=1
oCMenu.level[2].align="right"
oCMenu.level[2].regClass="clLevel2"
oCMenu.level[2].overClass="clLevel2over"oCMenu.level[2].borderClass="clLevel2border"
oCMenu.level[2].arrow=""
oCMenu.level[2].arrowWidth=15
oCMenu.level[2].arrowHeight=8
//EXAMPLE SUB LEVEL[3] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[3]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[3].height=21
oCMenu.level[3].offsetX=-20
oCMenu.level[3].offsetY=10
oCMenu.level[3].borderX=1
oCMenu.level[3].borderY=1
oCMenu.level[3].align="right"
oCMenu.level[3].regClass="clLevel3"
oCMenu.level[3].overClass="clLevel3over"
oCMenu.level[3].borderClass="clLevel3border"
oCMenu.level[3].arrow=""
oCMenu.level[3].arrowWidth=15
oCMenu.level[3].arrowHeight=8

Answer 2

/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
*************************************/oCMenu.makeMenu('ABOUTUS','', '','','','','','','','clLevel0','clLevel0over','','','','','','','','')
oCMenu.makeMenu('ABOUTUS_WHATWEDO','ABOUTUS', 'Introduction','/English/Englishmysite/Introduction.htm','','','','','','clLevel1','clLevel1over','','','','','','','','')
oCMenu.makeMenu('ABOUTUS_WHOWEARE','ABOUTUS', 'Management Croup','/English/Englishmysite/Manager.htm','','','','','','clLevel1','clLevel1over','','','','','','','','')
oCMenu.makeMenu('ABOUTUS_WHEREWESTARTED','ABOUTUS', 'Experts Group','/English/Englishmysite/Experts_Group.htm','','','','','','clLevel1','clLevel1over','','','','','','','','')
oCMenu.makeMenu('ABOUTUS_WHATWEBELIEVE','ABOUTUS', 'Running Frame','/English/Englishmysite/Running_Frame.htm','','','','','','clLevel1','clLevel1over','','','','','','','','')
oCMenu.makeMenu('ABOUTUS_INTHENEWS','ABOUTUS', 'Business Procedure','/English/Englishmysite/Business_Procedure.htm','','','','','','clLevel1','clLevel1over','','','','','','','','')
oCMenu.makeMenu('ABOUTUS_ALUMNI','ABOUTUS', 'Corporate Culture','/English/Englishmysite/Corporate_Culture.htm','','','','','','clLevel1','clLevel1over','','','','','','','','')
oCMenu.makeMenu('ABOUTUS_CAREERS','ABOUTUS', 'The Newest Trends','/English/Englishmysite/Newest.htm','','','','','','clLevel1','clLevel1over','','','','','','','','')

oCMenu.makeMenu('CLIENTSERVICE','', '','','','','','','','cl2Level0','cl2Level0over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY','CLIENTSERVICE', 'Chinese Economist Fortune Database','','','','','','','cl2Level1','cl2Level1over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_AUTOMOTIVEASSEMBLY','CLIENTSERVICE_INDUSTRY', 'Macroeconomy','/Eclientservice/automotiveassembly/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_BANKINGSECURITIES','CLIENTSERVICE_INDUSTRY', 'Economy','/Eclientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_1','CLIENTSERVICE_BANKINGSECURITIES','煤炭采选业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_2','CLIENTSERVICE_BANKINGSECURITIES','石油和天然气开采业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_3','CLIENTSERVICE_BANKINGSECURITIES','黑色金属矿采选业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_4','CLIENTSERVICE_BANKINGSECURITIES','有色金属矿采选业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_5','CLIENTSERVICE_BANKINGSECURITIES','非金属矿采选业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_6','CLIENTSERVICE_BANKINGSECURITIES','其他矿采选业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_7','CLIENTSERVICE_BANKINGSECURITIES','木材及竹材采运业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_8','CLIENTSERVICE_BANKINGSECURITIES','食品加工业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_9','CLIENTSERVICE_BANKINGSECURITIES','食品制造业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_10','CLIENTSERVICE_BANKINGSECURITIES','饮料制造业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_11','CLIENTSERVICE_BANKINGSECURITIES','烟草加工业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_12','CLIENTSERVICE_BANKINGSECURITIES','纺织业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_13','CLIENTSERVICE_BANKINGSECURITIES','服装及其他纤维制品制造业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_14','CLIENTSERVICE_BANKINGSECURITIES','皮革、毛皮、羽绒及其制品业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_15','CLIENTSERVICE_BANKINGSECURITIES','木材加工及竹、藤、棕、草制品业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_16','CLIENTSERVICE_BANKINGSECURITIES','家具制造业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_17','CLIENTSERVICE_BANKINGSECURITIES','造纸及纸制品业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_18','CLIENTSERVICE_BANKINGSECURITIES','印刷业、记录媒介的复制','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_19','CLIENTSERVICE_BANKINGSECURITIES','文教体育用品制造业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_20','CLIENTSERVICE_BANKINGSECURITIES','石油加工及炼焦业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_21','CLIENTSERVICE_BANKINGSECURITIES','化学原料及化学制品制造业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')
oCMenu.makeMenu('CLIENTSERVICE_INDUSTRY_22','CLIENTSERVICE_BANKINGSECURITIES','医药制造业','/clientservice/bankingsecurities/','','','','','','cl2Level2','cl2Level2over','','','','','','','','')