//メニュー数（0から） var numMenu=3; //メニュー背景−例）bgMenu[num]="#FF8000"　透明の場合は bgMenu[num]="" var bgMenu=new Array(); bgMenu[0]=""; bgMenu[1]=""; bgMenu[2]=""; bgMenu[3]=""; //オンマウスオブジェクトの大きさ（メニューの出る基準位置） //omObjH[num] でメニューの出る基準位置の縦方向の距離を調整可能（基準より +:下 -:上） var omObjW=new Array(),omObjH=new Array(); omObjW[0]=108,omObjH[0]=30; omObjW[1]=108,omObjH[1]=30; omObjW[2]=108,omObjH[2]=30; omObjW[3]=108,omObjH[3]=30; //メニューの幅を指定（マウスオーバーの判定領域） var menuW=new Array(),menuH=new Array(); menuW[0]=120,menuH[0]=52; menuW[1]=120,menuH[1]=92; menuW[2]=120,menuH[2]=210; menuW[3]=120,menuH[3]=192; //posMenu[num] でメニュー位置を調整（0:下 1:右 2:上 3:左） //distW[num] でメニューの出る基準位置の横方向の距離を調整可能（+:右 -:左） var posMenu=new Array(),distW=new Array(); posMenu[0]=0,distW[0]=0; posMenu[1]=0,distW[1]=0; posMenu[2]=0,distW[2]=0; posMenu[3]=0,distW[3]=0; var i; var menuObj=new Array(),fldObj=new Array(),nmlObj=new Array(),ovrObj=new Array(); var x0,y0,x1,y1,axPos,ayPos,bxPos,byPos; var idMenu=0,omJdg=false,visibleMenu=new Array(); for (i=-0;i<=numMenu;i++) visibleMenu[i]=false; //スタイルシートを表示・非表示にセット function setVisible(obj,jdg) { if (obj != null) { if (document.all || document.getElementById) { if (jdg) obj.style.visibility="visible"; else obj.style.visibility="hidden"; } else if (document.layers) { if (jdg) obj.visibility="show"; else obj.visibility="hide"; } } } //スタイルシートのxy座標をセット function setPos(obj,x,y) { if (obj != null) { if (document.all) { obj.style.pixelLeft=x; obj.style.pixelTop=y; } else if (document.getElementById) { obj.style.left=x; obj.style.top=y; } else if (document.layers) obj.moveTo(x,y); } } //背景色をセット function setBg(obj,color) { if (document.all || document.getElementById) obj.style.backgroundColor=color; else if (document.layers) obj.bgColor=color; } //メニューを表示・非表示にする function setMenuVis(id) { var i; for (i=0;i<=numMenu;i++) { if (i==id) { //IE以外のブラウザで必要 setVisible(ovrObj[i],true); //END setPos(menuObj[i],x1,y1); setVisible(menuObj[i],true); visibleMenu[i]=true; } else if (i!=id && visibleMenu[i]==true) { setVisible(menuObj[i],false); setPos(menuObj[i],-500,0); //IE以外のブラウザで必要 setVisible(ovrObj[i],false); //END visibleMenu[i]=false; } } } //マウスムーブでメニューを消す function mMove(e) { if (omJdg) { var x,y; if (!window.opera && document.all) { x=document.body.scrollLeft+event.clientX; y=document.body.scrollTop+event.clientY; } else if (document.getElementById || document.layers) { x=e.pageX; y=e.pageY; } if (posMenu[idMenu]==0) { if (((x0<=x && axPos>=x) && (y0<=y && y1>=y)) || ((x1<=x && bxPos>=x) && (y1<=y && byPos>=y))) return; else omJdg=false,setMenuVis(-1); } else if (posMenu[idMenu]==1) { if (((x0<=x && x1>=x) && (y0<=y && ayPos>=y)) || ((x1<=x && bxPos>=x) && (y1<=y && byPos>=y))) return; else omJdg=false,setMenuVis(-1); } else if (posMenu[idMenu]==2) { if (((x0<=x && axPos>=x) && (byPos<=y && ayPos>=y)) || ((x1<=x && bxPos>=x) && (y1<=y && byPos>=y))) return; else omJdg=false,setMenuVis(-1); } else if (posMenu[idMenu]==3) { if (((bxPos<=x && axPos>=x) && (y0<=y && ayPos>=y)) || ((x1<=x && bxPos>=x) && (y1<=y && byPos>=y))) return; else omJdg=false,setMenuVis(-1); } } } //マウスオーバーでメニューを出す動作 function mOver(e,id) { if (document.all || document.getElementById || document.layers) { if (!visibleMenu[id]) { if (window.opera) { x0=e.clientX-e.offsetX; y0=e.clientY-e.offsetY; } else if (document.all) { x0=document.body.scrollLeft+event.clientX-event.offsetX; y0=document.body.scrollTop+event.clientY-event.offsetY; if (navigator.userAgent.indexOf("Win")!=-1) x0-=2,y0-=2; else { x0-=document.body.scrollLeft; y0-=document.body.scrollTop; } } else if (document.getElementById || document.layers) { x0=e.pageX-e.layerX; y0=e.pageY-e.layerY; } x1=x0,y1=y0; if (posMenu[id]==0) y1+=omObjH[id],x1+=distW[id]; else if (posMenu[id]==1) x1+=omObjW[id],y1+=distW[id]; else if (posMenu[id]==2) y1-=menuH[id],x1+=distW[id]; else if (posMenu[id]==3) x1-=menuW[id],y1+=distW[id]; axPos=x0+omObjW[id],ayPos=y0+omObjH[id]; bxPos=x1+menuW[id],byPos=y1+menuH[id]; window.onerror = null; setMenuVis(id); idMenu=id,omJdg=true; } } } //スタイルシートの初期設定 function preLoad() { if (document.all || document.getElementById || document.layers) { var i; if (!window.opera && document.all) { for (i=0;i<=numMenu;i++) { //IE以外のブラウザで必要 fldObj[i]=document.all("fld"+i); nmlObj[i]=document.all("nml"+i); ovrObj[i]=document.all("ovr"+i); //END menuObj[i]=document.all("mObj"+i); } } else if (document.getElementById) { for (i=0;i<=numMenu;i++) { //IE以外のブラウザで必要 fldObj[i]=document.getElementById("fld"+i); nmlObj[i]=document.getElementById("nml"+i); ovrObj[i]=document.getElementById("ovr"+i); //END menuObj[i]=document.getElementById("mObj"+i); //IE以外のブラウザで必要 fldObj[i].style.position="absolute"; //END } } else if (document.layers) { for (i=0;i<=numMenu;i++) { //IE以外のブラウザで必要 fldObj[i]=document.layers["fld"+i]; nmlObj[i]=fldObj[i].document.layers["nml"+i]; ovrObj[i]=fldObj[i].document.layers["ovr"+i]; //END menuObj[i]=document.layers["mObj"+i]; } } if (document.layers) document.captureEvents(Event.MOUSEMOVE); document.onmousemove=mMove; for (i=0;i<=numMenu;i++) if (bgMenu[i]!="") setBg(menuObj[i],bgMenu[i]); } } //-------------------------------------------------------------------------------- //-------------------------------------------------------------------------------- //-------------------------------------------------------------------------------- //メインメニューのロールオーバー function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImages() { if (document.images && (preloadFlag == true)) { for (var i=0; i')