导航菜单（特效）

 

< SCRIPT  language ="jscript.encode" >
var  mmenus     =   new  Array();
var  misShow    =   new  Boolean(); 
misShow = false ;
var  misdown    =   new  Boolean();
misdown = false ;
var  musestatus = false ;
var  mpopTimer  =   0 ;
// 下面的参数太多，你可以逐个修改下面的参数，直到找到你满意的样式
mmenucolor = ' #FFE1F5 ' ;mfontcolor = ' MenuText ' ;mmenuoutcolor = ' #FFE1F5 ' ;mmenuincolor = ' #FFE1F5 ' ;mmenuoutbordercolor = ' #FFFFFF ' ;mmenuinbordercolor = ' #000000 ' ;mmidoutcolor = ' #E2DFDA ' ;mmidincolor = ' #8D8A85 ' ;mmenuovercolor = ' MenuText ' ;mitemedge = ' 1 ' ;msubedge = ' 1 ' ;mmenuunitwidth = 50 ;mmenuitemwidth = 100 ;mmenuheight = 22 ;mmenuwidth = ' 320 ' ;mmenuadjust = 0 ;mmenuadjustV = 0 ;mfonts = ' font-family: 宋体; font-size: 9pt; color: MenuText;  ' ;mcursor = ' default ' ;
var  fadeSteps  =   15 ;
var  fademsec  =   100 ; // 修改显示速度
var  fadeArray  =   new  Array();
function  fade(el, fadeIn, steps, msec) {
     if  (steps  ==   null ) steps  =  fadeSteps;
     if  (msec  ==   null ) msec  =  fademsec;
     if  (el.fadeIndex  ==   null )
        el.fadeIndex  =  fadeArray.length;
    fadeArray[el.fadeIndex]  =  el;
     if  (el.fadeStepNumber  ==   null ) {
         if  (el.style.visibility  ==   " hidden " )
            el.fadeStepNumber  =   0 ;
         else
            el.fadeStepNumber  =  steps;
         if  (fadeIn)
            el.style.filter  =   " Alpha(Opacity=0) " ;
         else
            el.style.filter  =   " Alpha(Opacity=100) " ;
    }
    window.setTimeout( " repeatFade( "   +  fadeIn  +   " , "   +  el.fadeIndex  +   " , "   +  steps  +   " , "   +  msec  +   " ) " , msec);
}
function  repeatFade(fadeIn, index, steps, msec) {    
    el  =  fadeArray[index];
    
    c  =  el.fadeStepNumber;
     if  (el.fadeTimer  !=   null )
        window.clearTimeout(el.fadeTimer);
     if  ((c  ==   0 )  &&  ( ! fadeIn)) {
        el.style.visibility  =   " hidden " ;
         return ;
    }
     else   if  ((c == steps)  &&  (fadeIn)) {
        el.style.filter  =   "" ;
        el.style.visibility  =   " visible " ;
         return ;
    }
     else  {
        (fadeIn)  ?      c ++  : c -- ;
        el.style.visibility  =   " visible " ;
        el.style.filter  =   " Alpha(Opacity= "   +   100 * c / steps  +   " ) " ;
        el.fadeStepNumber  =  c;
        el.fadeTimer  =  window.setTimeout( " repeatFade( "   +  fadeIn  +   " , "   +  index  +   " , "   +  steps  +   " , "   +  msec  +   " ) " , msec);
    }
}

function  stoperror(){
return   true ;
}
window.onerror = stoperror;
function  mpopOut() {
mpopTimer  =  setTimeout( ' mallhide() ' ,  500 );
}
function  getReal(el, type, value) {
    temp  =  el;
     while  ((temp  !=   null )  &&  (temp.tagName  !=   " BODY " )) {
         if  (eval( " temp. "   +  type)  ==  value) {
            el  =  temp;
             return  el;
        }
        temp  =  temp.parentElement;
    }
     return  el;
}


function  mMenuRegister(menu) 
{
  mmenus[mmenus.length]  =  menu
   return  (mmenus.length  -   1 )
}
function  mMenuItem(caption,command,target,isline,statustxt,img,sizex,sizey,pos){
     this .caption = caption;
     this .command = command;
     this .target = target;
     this .isline = isline;
     this .statustxt = statustxt;
     this .img = img;
     this .sizex = sizex;
     this .sizey = sizey;
     this .pos = pos;
}
function  mMenu(caption,command,target,img,sizex,sizey,pos){
     this .items  =   new  Array();
     this .caption = caption;
     this .command = command;
     this .target = target;
     this .img = img;
     this .sizex = sizex;
     this .sizey = sizey;
     this .pos = pos;
     this .id = mMenuRegister( this );
}
function  mMenuAddItem(item)
{
   this .items[ this .items.length]  =  item
  item.parent  =   this .id;
   this .children = true ;
}

mMenu.prototype.addItem  =  mMenuAddItem;
function  mtoout(src){

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){

src.style.borderLeftColor = mmenuinbordercolor;
src.style.borderRightColor = mmenuoutbordercolor;
src.style.borderTopColor = mmenuinbordercolor;
src.style.borderBottomColor = mmenuoutbordercolor;
src.style.backgroundColor = mmenuincolor;
src.style.color = mmenuovercolor;
}
function  mnochange(src){
src.style.borderLeftColor = mmenucolor;
src.style.borderRightColor = mmenucolor;
src.style.borderTopColor = mmenucolor;
src.style.borderBottomColor = mmenucolor;
src.style.backgroundColor = '' ;
src.style.color = mfontcolor;

}
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);
                }
}
function  mmenuhide(menuid){

fade(menuid, false , 5 );
misShow = false ;
}
function  mmenushow(menuid,pid){

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;
fade(menuid, true , 5 );
misShow = true ;
}
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 || x == 4 ){
  misShow  =   false ;
  mallhide();
  mtoout(eval( " mMenu " + x));
} else {

  mallhide();
  mtoin(eval( " mMenu " + x));
  mmenushow(menuid,eval( " mMenu " + x));

}
clearTimeout(mpopTimer);
}
function  mmenu_out(x){
toel  =  getReal(window.event.toElement,  " className " ,  " coolButton " );
fromel  =  getReal(window.event.fromElement,  " className " ,  " coolButton " );
if  (toel  ==  fromel)  return ;
if  (misShow){
mtoin(eval( " mMenu " + x));
} else {
mnochange(eval( " mMenu " + x));
}
mpopOut()
}
function  mmenu_down(menuid,x){
   if (misShow){
  mmenuhide(menuid);
  mtoout(eval( " mMenu " + x));
  }
   else {
  mtoin(eval( " mMenu " + x));
  mmenushow(menuid,eval( " mMenu " + x));
  misdown = true ;
  }
}
function  mmenu_up(){
  misdown = false ;
}
function  mmenuitem_over(x,i){
srcel  =  getReal(window.event.srcElement,  " className " ,  " coolButton " );
if (misdown){
    mtoin(srcel);
}
else {
mtoout(srcel);
}
mthestatus  =  mmenus[x].items[i].statustxt;
if (mthestatus != "" ){
    musestatus = true ;
    window.status = mthestatus;
}
clearTimeout(mpopTimer);
}
function  mmenuitem_out(){
srcel  =  getReal(window.event.srcElement,  " className " ,  " coolButton " );
mnochange(srcel);
if (musestatus)window.status = "" ;
mpopOut()
}
function  mmenuitem_down(){
srcel  =  getReal(window.event.srcElement,  " className " ,  " coolButton " );
mtoin(srcel)
misdown = true ;
}
function  mmenuitem_up(){
srcel  =  getReal(window.event.srcElement,  " className " ,  " coolButton " );
mtoout(srcel)
misdown = false ;
}
function  mexec2(x){
var  cmd;
if (mmenus[x].target == " blank " ){
  cmd  =   " window.open(' " + mmenus[x].command + " ') " ;
} else {
  cmd  =  mmenus[x].target + " .location=" " + mmenus[x].command + " " " ;
}
eval(cmd);
}
function  mexec(x,i){
var  cmd;
if (mmenus[x].items[i].target == " blank " ){
  cmd  =   " window.open(' " + mmenus[x].items[i].command + " ') " ;
} else {
  cmd  =  mmenus[x].items[i].target + " .location=" " + mmenus[x].items[i].command + " " " ;
}
eval(cmd);
}
function  mbody_click(){

if  (misShow){
    srcel  =  getReal(window.event.srcElement,  " className " ,  " coolButton " );
     for ( var  x = 0 ;x <= mmenus.length;x ++ ){
         if (srcel.id == " mMenu " + x)
         return ;
    }
    mallhide();
}
}
document.onclick = mbody_click;
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="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 οnmοuseοver=mmenu_over(mmenudiv " + x +
                          " , " + x + " ) οnmοuseοut=mmenu_out( " + x +
                          " ) οnmοusedοwn=mmenu_down(mmenudiv " + x + " , " + x + " ) " ;
                                if (thismenu.command != "" ){
                                   stringx  +=   "  οnmοuseup=mmenu_up();mexec2( " + x + " ); " ;
                               } else {
                                     stringx  +=   "  οnmοuseup=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 || x == 4 ){
                        stringx += ' <div id=mmenudiv ' + x + '  style="visiable:none"></div> ' ;
                        } else {
                        stringx += ' <div id=mmenudiv ' + x +
                         '  style="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"> ' +
                          ' <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 + ' > '
                          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.isline){
                             stringx  +=   " <tr><td class=coolButton style='border:  " + mitemedge + " px solid  " + mmenucolor +
                              " ' width=100% height=15px οnmοuseοver="mmenuitem_over( " + x + " , " + i +
                              " );" οnmοuseοut=mmenuitem_out() οnmοusedοwn=mmenuitem_down() οnmοuseup= " ;
                 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="hr.gif" οnmοusemοve="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr> ' ;
                             }
                         }stringx += ' </table> </div> '
                         }
                         
                }
                
                     document.write( " <div align='left'> " + stringx + " </div> " );
}


mpmenu1 = new  mMenu( ' 返回首页 ' , ' http://www.jzzy.net/ ' , ' self ' , '' , '' , '' , '' );
mpmenu2 = new  mMenu( ' 赏心悦目 ' , '' , ' self ' , '' , '' , '' , '' );
mpmenu2.addItem( new  mMenuItem( ' 人物图库 ' , ' /dreamweaver/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu2.addItem( new  mMenuItem( ' 风景图库 ' , ' /fireworks/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu2.addItem( new  mMenuItem( ' 花草图库 ' , ' /flash/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu2.addItem( new  mMenuItem( ' 其它图库 ' , ' /photoshop/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu3 = new  mMenu( ' 网页素材 ' , ' /free/index.asp ' , ' self ' , '' , '' , '' , '' );
mpmenu3.addItem( new  mMenuItem( ' 线条图库 ' , ' http://61.134.4.132:1200/free/count/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu3.addItem( new  mMenuItem( ' 按钮图库 ' , ' /free/guestbook/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu3.addItem( new  mMenuItem( ' 其它图库 ' , ' /free/vote/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu4 = new  mMenu( ' 网页学园 ' , ' /technic.asp ' , ' self ' , '' , '' , '' , '' );
mpmenu4.addItem( new  mMenuItem( ' 设计基础 ' , ' /script/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu4.addItem( new  mMenuItem( ' ASP文章 ' , ' /html/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu4.addItem( new  mMenuItem( ' PHP文章 ' , ' /asp/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu4.addItem( new  mMenuItem( ' 设计提高 ' , ' /xml/index.asp ' , ' self ' , false , '' , '' , '' , '' , '' ));
mpmenu4 = new  mMenu( ' 花香盈路 ' , ' http://wanruo.jahee.com ' , ' self ' , '' , '' , '' , '' );
mwritetodocument();
</ SCRIPT >