菜单

JS特效代码–下拉透明菜单

2019年9月29日 - 计算机教程

function mwritetodocument(){
      var mwb=1;
                     var stringx='<div id=”mposflag”
style=”position:absolute;”></div><table  id=mmenutable
border=0 cellpadding=3 cellspacing=2 width=’+mmenuwidth+’
height=’+mmenuheight+’ bgcolor=’+mmenucolor+
                     ‘ onselectstart=”event.returnValue=false”‘+
                     ‘
style=”filter:Alpha(Opacity=80);cursor:’+mcursor+’;’+mfonts+
                     ‘ border-left: ‘+mwb+’px solid
‘+mmenuoutbordercolor+’;’+
                     ‘ border-right: ‘+mwb+’px solid
‘+mmenuinbordercolor+’; ‘+
                     ‘border-top: ‘+mwb+’px solid
‘+mmenuoutbordercolor+’; ‘+
                     ‘border-bottom: ‘+mwb+’px solid
‘+mmenuinbordercolor+’; padding:0px”><tr>’
                     for(var x=0;x<mmenus.length;x++){
                      var thismenu=mmenus[x];
                      var imgsize=””;
                     
if(thismenu.sizex!=”0″||thismenu.sizey!=”0″)imgsize=”
width=”+thismenu.sizex+” height=”+thismenu.sizey;
                      var ifspace=””;
                      if(thismenu.caption!=””)ifspace=” “;
                      stringx += “<td nowrap class=coolButton
id=mMenu”+x+” style=’border: “+mitemedge+”px solid “+mmenucolor+
                      “‘ width=”+mmenuunitwidth+”px
onmouseover=mmenu_over(mmenudiv”+x+
                      “,”+x+”) onmouseout=mmenu_out(“+x+
                      “)
onmousedown=mmenu_down(mmenudiv”+x+”,”+x+”)”;
                            if(thismenu.command!=””){
                                stringx += ”
onmouseup=mmenu_up();mexec2(“+x+”);”;
                            }else{
                               stringx += ” onmouseup=mmenu_up()”;
                            }
                            if(thismenu.pos==”0″){
                                stringx += ” align=center><img
align=absmiddle
src='”+thismenu.img+”‘”+imgsize+”>”+ifspace+thismenu.caption+”</td>”;
                            }else if(thismenu.pos==”1″){
                                stringx += ”
align=center>”+thismenu.caption+ifspace+”<img align=absmiddle
src='”+thismenu.img+”‘”+imgsize+”></td>”;
                            }else if(thismenu.pos==”2″){
                                stringx += ” align=center
background='”+thismenu.img+”‘> “+thismenu.caption+” </td>”;
                            }else{
                                stringx += ” align=center>
“+thismenu.caption+” </td>”;
                            }
                      stringx += “”;
                     }
                     stringx+=”<td width=*>
</td></tr></table>”;
                    
                    
                     for(var x=0;x<mmenus.length;x++){
                      thismenu=mmenus[x];
                        if(x<0){
                        stringx+='<div id=mmenudiv’+x+’
style=”visiable:none”></div>’;
                        }else{
                        stringx+='<div id=mmenudiv’+x+
                        ‘
style=”filter:Alpha(Opacity=80);cursor:’+mcursor+’;position:absolute;’+
                        ‘width:’+mmenuitemwidth+’px;
z-index:’+(x+100);
                       
if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge==”0″){
                        stringx+=’;border-left: 1px solid
‘+mmidoutcolor+
                        ‘;border-top: 1px solid ‘+mmidoutcolor;}
                        stringx+=’;border-right: 1px solid
‘+mmenuinbordercolor+
                        ‘;border-bottom: 1px solid
‘+mmenuinbordercolor+’;visibility:hidden”
onselectstart=”event.returnValue=false”>\n’+
                      ‘<table  width=”100%” border=”0″ height=”100%”
align=”center” cellpadding=”0″ cellspacing=”2″ ‘+
                      ‘style=”‘+mfonts+’ border-left: 1px solid
‘+mmenuoutbordercolor;
                     
if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge==”0″){
                      stringx+=’;border-right: 1px solid
‘+mmidincolor+
                      ‘;border-bottom: 1px solid ‘+mmidincolor;}
                      stringx+=’;border-top: 1px solid
‘+mmenuoutbordercolor+
                      ‘;padding: 4px” bgcolor=’+mmenucolor+’>\n’
                      for(var i=0;i<thismenu.items.length;i++){
                       var thismenuitem=thismenu.items[i];
                       var imgsize=””;
                             
if(thismenuitem.sizex!=”0″||thismenuitem.sizey!=”0″)imgsize=”
width=”+thismenuitem.sizex+” height=”+thismenuitem.sizey;
                              var ifspace=””;
                              if(thismenu.caption!=””)ifspace=” “;
                       if(thismenuitem.hasc!=null){
                       stringx += “<tr><td
id=mp”+thismenuitem.hasc+” class=coolButton style=’border:
“+mitemedge+”px solid “+mmenucolor+
                       “‘ width=100% onmouseout=mmenuitem_out(true)
onmouseover=\”mmenuitem_over(mmenudiv”+x+
                      
“,'”+thismenuitem.hasc+”‘,”+x+”,-1,”+i+”);mshowsubmenu(msubmenudiv”+thismenuitem.hasc+”,mp”+thismenuitem.hasc+”,mmenudiv”+x+”);\””+
                       “><table id=mitem”+thismenuitem.hasc+”
cellspacing=’0′ cellpadding=’0′ border=’0′ width=’100%’
style='”+mfonts+”‘><tr><td “;
                         if(thismenuitem.pos==”0″){
                                  stringx += “><img
align=absmiddle
src='”+thismenuitem.img+”‘”+imgsize+”>”+ifspace+thismenuitem.caption+”</td><td”;
                                }else if(thismenuitem.pos==”1″){
                                  stringx +=
“>”+thismenuitem.caption+ifspace+”<img align=absmiddle
src='”+thismenuitem.img+”‘”+imgsize+”></td><td”;
                                }else if(thismenuitem.pos==”2″){
                                  stringx +=
“background='”+thismenuitem.img+”‘>”+thismenuitem.caption+”</td><td
background='”+thismenuitem.img+”‘”;
                                }else{
                                  stringx +=
“>”+thismenuitem.caption+”</td><td”;
                                }
                         stringx += ” align=right width=’1′><font
face=’Webdings’ style=’font-size:
6pt’>4</font></td></tr></table></td></tr>\n”;                      
                       }else if(!thismenuitem.isline){
                       stringx += “<tr><td class=coolButton
style=’border: “+mitemedge+”px solid “+mmenucolor+
                       “‘ width=100% height=15px
onmouseover=\”mmenuitem_over(mmenudiv”+x+
                       “,false,”+x+”,-1,”+i+”);\”
onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=”;
     stringx += “mmenuitem_up();mexec(“+x+”,”+i+”); “;
       if(thismenuitem.pos==”0″){
                                  stringx += “><img
align=absmiddle
src='”+thismenuitem.img+”‘”+imgsize+”>”+ifspace+thismenuitem.caption+”</td></tr>”;
                                }else if(thismenuitem.pos==”1″){
                                  stringx +=
“>”+thismenuitem.caption+ifspace+”<img align=absmiddle
src='”+thismenuitem.img+”‘”+imgsize+”></td></tr>”;
                                }else if(thismenuitem.pos==”2″){
                                  stringx +=
“background='”+thismenuitem.img+”‘>”+thismenuitem.caption+”</td></tr>”;
                                }else{
                                  stringx +=
“>”+thismenuitem.caption+”</td></tr>”;
                                }
     }else{
                       stringx+='<tr><td height=”1″
background=”/images/hr.gif”
onmousemove=”clearTimeout(mpopTimer);”><img height=”1″ width=”1″
src=”none.gif” border=”0″></td></tr>\n’;
                       }
                      }stringx+='</table>\n</div>’
                      }                     
                }
               
for(var j=1;j<=mnumberofsub;j++){    
thisitem=eval(“msub”+j);
stringx+='<div id=msubmenudiv’+j+
                        ‘
style=”filter:Alpha(Opacity=80);tag:’+thisitem.level+’;cursor:’+mcursor+’;position:absolute;’+
                        ‘width:’+mmenuitemwidth+’px;
z-index:’+(j+200);
                       
if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge==”0″){
                        stringx+=’;border-left: 1px solid
‘+mmidoutcolor+
                        ‘;border-top: 1px solid ‘+mmidoutcolor;}
                        stringx+=’;border-right: 1px solid
‘+mmenuinbordercolor+
                        ‘;border-bottom: 1px solid
‘+mmenuinbordercolor+’;visibility:hidden”
onselectstart=”event.returnValue=false”>\n’+
                      ‘<table  width=”100%” border=”0″ height=”100%”
align=”center” cellpadding=”0″ cellspacing=”2″ ‘+
                      ‘style=”‘+mfonts+’ border-left: 1px solid
‘+mmenuoutbordercolor;
                     
if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge==”0″){
                      stringx+=’;border-right: 1px solid
‘+mmidincolor+
                      ‘;border-bottom: 1px solid ‘+mmidincolor;}
                      stringx+=’;border-top: 1px solid
‘+mmenuoutbordercolor+
                      ‘;padding: 4px” bgcolor=’+mmenucolor+’>\n’
                      for(var i=0;i<thisitem.items.length;i++){
                       var thismenuitem=thisitem.items[i];
                       var imgsize=””;
                             
if(thismenuitem.sizex!=”0″||thismenuitem.sizey!=”0″)imgsize=”
width=”+thismenuitem.sizex+” height=”+thismenuitem.sizey;
                              var ifspace=””;
                              if(thismenu.caption!=””)ifspace=” “;
                       if(thismenuitem.hasc!=null){
                       stringx += “<tr><td
id=mp”+thismenuitem.hasc+” class=coolButton style=’border:
“+mitemedge+”px solid “+mmenucolor+
                       “‘ width=100% onmouseout=mmenuitem_out(true)
onmouseover=\”mmenuitem_over(msubmenudiv”+j+
                      
“,'”+thismenuitem.hasc+”‘,-1,”+j+”,”+i+”);mshowsubmenu(msubmenudiv”+thismenuitem.hasc+”,mp”+thismenuitem.hasc+”,msubmenudiv”+j+”);\””+
                       “><table id=mitem”+thismenuitem.hasc+”
cellspacing=’0′ cellpadding=’0′ border=’0′ width=’100%’
style='”+mfonts+”‘><tr><td “;
                         if(thismenuitem.pos==”0″){
                                  stringx += “><img
align=absmiddle
src='”+thismenuitem.img+”‘”+imgsize+”>”+ifspace+thismenuitem.caption+”</td><td”;
                                }else if(thismenuitem.pos==”1″){
                                  stringx +=
“>”+thismenuitem.caption+ifspace+”<img align=absmiddle
src='”+thismenuitem.img+”‘”+imgsize+”></td><td”;
                                }else if(thismenuitem.pos==”2″){
                                  stringx +=
“background='”+thismenuitem.img+”‘>”+thismenuitem.caption+”</td><td
background='”+thismenuitem.img+”‘”;
                                }else{
                                  stringx +=
“>”+thismenuitem.caption+”</td><td”;
                                }
                         stringx += ” align=right width=’1′><font
face=’Webdings’ style=’font-size:
6pt’>4</font></td></tr></table></td></tr>\n”;                      
                       }else if(!thismenuitem.isline){
                       stringx += “<tr><td class=coolButton
style=’border: “+mitemedge+”px solid “+mmenucolor+
                       “‘ width=100% height=15px
onmouseover=\”mmenuitem_over(msubmenudiv”+j+
                       “,false,-1,”+j+”,”+i+”);\”
onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=”;
                       stringx += “mmenuitem_up();mexec3(“+j+”,”+i+”);
“;
     if(thismenuitem.pos==”0″){
                                  stringx += “><img
align=absmiddle
src='”+thismenuitem.img+”‘”+imgsize+”>”+ifspace+thismenuitem.caption+”</td></tr>”;
                                }else if(thismenuitem.pos==”1″){
                                  stringx +=
“>”+thismenuitem.caption+ifspace+”<img align=absmiddle
src='”+thismenuitem.img+”‘”+imgsize+”></td></tr>”;
                                }else if(thismenuitem.pos==”2″){
                                  stringx +=
“background='”+thismenuitem.img+”‘>”+thismenuitem.caption+”</td></tr>”;
                                }else{
                                  stringx +=
“>”+thismenuitem.caption+”</td></tr>”;
                                }
                              }else{
                       stringx+='<tr><td height=”1″
background=”/images/hr.gif”
onmousemove=”clearTimeout(mpopTimer);”><img height=”1″ width=”1″
src=”none.gif” border=”0″></td></tr>\n’;
                       }
                      }
stringx+='</table>\n</div>’
}
       document.write(“<div align=’center’
id=’JsMenuCSS’>”+stringx+”</div>”);
}

 <script language=”JavaScript”>

function mtoout(src){

}
function mallhide(){
 for(var nummenu=0;nummenu<mmenus.length;nummenu++){
 var themenu=document.all[‘mMenu’+nummenu]
 var themenudiv=document.all[‘mmenudiv’+nummenu]
 mnochange(themenu);
 mmenuhide(themenudiv);
 }
 for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ 
 var thesub=document.all[‘msubmenudiv’+nummenu] 
 msubmenuhide(thesub);
 mnochange(document.all[‘mp’+nummenu]);
 document.all[“mitem”+nummenu].style.color=mfontcolor;
 }
}
function mmenuhide(menuid){
menuid.style.filter=’Alpha(Opacity=100)’;
hideSwipe(menuid);
misShow=false;
}
function msubmenuhide(menuid){
menuid.style.filter=’Alpha(Opacity=100)’;
menuid.style.visibility=’hidden’;
}
function mmenushow(menuid,pid){
menuid.style.filter=’Alpha(Opacity=80)’;
menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadjustV;
if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)
menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;
mtmpleft=menuid.style.left;mtmptop=menuid.style.top;swipe(menuid,2,4);
misShow=true;
}
function mshowsubmenu(menuid,pid,rid){
menuid.style.filter=’Alpha(Opacity=80)’;
menuid.style.left=pid.offsetWidth+rid.offsetLeft;
menuid.style.top=pid.offsetTop+rid.offsetTop-3;
if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)
menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;
menuid.style.visibility=’visible’;
}
function mmenu_over(menuid,x){
toel = getReal(window.event.toElement, “className”, “coolButton”);
fromel = getReal(window.event.fromElement, “className”, “coolButton”);
if (toel == fromel) return;
if(x<0){
 misShow = false;
 mallhide();
 mtoout(eval(“mMenu”+x));
}else{

function mMenuRegister(menu) 
{
 mmenus[mmenus.length] = menu
 return (mmenus.length – 1)
}

src.style.borderLeftColor=mmenuoutbordercolor;
src.style.borderRightColor=mmenuinbordercolor;
src.style.borderTopColor=mmenuoutbordercolor;
src.style.borderBottomColor=mmenuinbordercolor;
src.style.backgroundColor=mmenuoutcolor;
src.style.color=mmenuovercolor;
}
function mtoin(src){

http://www.bkjia.com/Javascript/435193.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/435193.htmlTechArticlescript language=JavaScript var mmenus = new
Array(); var misShow = new Boolean(); misShow=false; var misdown = new
Boolean(); misdown=false; var mnumberofsub=0; var
musestatus=fals…

mMenu.prototype.addItem = mMenuAddItem;
mMenuItem.prototype.addsubItem = mMenuAddItem;

mwritetodocument();
</script>

mmenuinbordercolor=’#5A2614′;mmidoutcolor=’#A9DA1D’;mmidincolor=’#799310′;mmenuovercolor=’#004080′;mitemedge=’0′;msubedge=’1′;

var mmenus = new Array();
var misShow = new Boolean(); 
misShow=false;
var misdown = new Boolean();
misdown=false;
var mnumberofsub=0;
var musestatus=false;
var mpopTimer = 0;
mmenucolor=’#89CB10′;mfontcolor=’MenuText’;mmenuoutcolor=’#ADEF34′;mmenuincolor=’#B5E74E’;mmenuoutbordercolor=’#ECFA3A’;

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图