5ucms培训,一个简单的仿xp的js下拉菜单_无忧仿站培训学院,站群模板制作培训,无忧站长学院,5ucms站长学院Q3876307

·加入收藏 ·帮助手册 ·5ucms论坛

邮件订阅

无忧仿站培训学院 > 网页制作基础 > Javascript > 正文

5ucms培训,一个简单的仿xp的js下拉菜单

作者：来源：日期：2015/10/12 13:33:30 浏览量：46(滞后) 人气：LOADING...(实时) 【大中小】

    strHTML += "(<u>" + menu.bar[i].key + "</u>)";
   }
   strHTML += "</div>";
   document.write (strHTML);
   posLeft += document.all.item(menu.bar[i].name).offsetWidth + 1;
  }

  strHTML = "</div>";
  document.write (strHTML);
}

//输出一个已定义的子菜单，竖排的
functi) {    //如果名称不是“\-”，表示是一个普通菜单条
    strHTML = "<div id=''" + menu.bar[i].name + "'' style=''left:" + posLeft + ";top:" + posTop + ";'' class=''SubMenu'' " +
         "title=''" + menu.bar[i].tip + "'' " +
         ") {
     strHTML += "<img border=0 width=16 height=16 src=''" + menu.bar[i].ico + "''>";
    }else {
     strHTML += " ";
    }
    strHTML += "</td>" +
         "      <td nowrap id=''" + menu.bar[i].name + "_text'' class=''text''>" + menu.bar[i].text;
    if (menu.bar[i].key!="") { strHTML = strHTML + "(<u>" + menu.bar[i].key + "</u>)"; }
    strHTML += "</td>" +
         "<td nowrap align=right id=''" + menu.bar[i].name + "_skey'' class=''skey''>";
    if (menu.bar[i].skey!="") {
     strHTML += menu.bar[i].skey;
    }else {
     strHTML += " ";
    }
    strHTML += "     </td>" +
         "      <td nowrap align=center width=20 id=''" + menu.bar[i].name + "_sub'' class=''sub''>";
    if (menu.bar[i].type==0) {
     strHTML += "→";
    }else {
     strHTML += "  ";
    }
    strHTML += "</td>" +
         "    </tr>" +
         " </table>" +
         "</div>";
    document.write (strHTML);
    posTop += document.all.item(menu.bar[i].name).offsetHeight;
   }else {       //如果名称是“\-”，表示是一条分隔线
    strHTML = "<div style=''left:" + posLeft + ";top:" + posTop + ";'' class=''SubMenu''>" +
         " <table border=0 cellpadding=0 cellspacing=0 width=240>" +
         "    <tr>" +
         "      <td nowrap style=''background-color: #dedbd6;'' width=21></td>" +
         "      <td nowrap style=''padding-left:5px;padding-top:1px;padding-bottom:1px;''>" +
         "        <table border=0 cellpadding=0 cellspacing=0 width=100%>" +
         "          <tr><td height=1 bgcolor=''#636563''></td></tr>" +
         "        </table>" +
         "      </td>" +
         "    </tr>" +
         " </table>" +
         "</div>";
    document.write (strHTML);
    posTop += 3;
   }
  }

  strHTML = "</div>"
  document.write (strHTML);
  document.all.item(menu.name).style.height = posTop+3;    //重设子菜单背景框
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 以下为操纵菜单的部分
//_________________________________________________

function menu_onmouseover(obj,cmd) {
  if(!mClick) {
   obj.className = "MainMenuOver";
   mnuPrev[mnuPrev.length] = new menuinfo(obj.id,0);    //将当前的菜单ID压入当前菜单ID数组
   //showstatus();   //调试阶段使用
  }else {
   if (mnuPrev[0].id == obj.id) { return false; }   //如果是在本身上移动，不作为
   document.all.item(mnuPrev[0].id).className = "MainMenu";
   for (var i=1;i<mnuPrev.length;i++) {
    if (mnuPrev[i].type==0) {   //如果是菜单项，设置成默认样式
     document.all.item(mnuPrev[i].id + "_ico").className = "ico";
     document.all.item(mnuPrev[i].id + "_text").className = "text";
     document.all.item(mnuPrev[i].id + "_skey").className = "skey";
     document.all.item(mnuPrev[i].id + "_sub").className = "sub";
    }else {   //如果是菜单框，隐藏它
     document.all.item(mnuPrev[i].id).style.visibility = "hidden";
    }
   }
   mnuPrev.length = 0;
   obj.className = "MainMenuClick";
   mnuPrev[mnuPrev.length] = new menuinfo(obj.id,0);
   showMenu(obj,cmd);
   //showstatus();   //调试阶段使用
  }
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 以下为与主文件有关的控制部分，具体使用时需要关注的也仅仅这部分而已
//_____________________________________________________________

var doc_width;    //当前窗口的宽度，随窗口大小改变而改变
var doc_height;    //当前窗口的高度，随窗口大小改变而改变

var mClick = false;   //一级菜单是否被点击，初始一级菜单是未被点击状态
var bMenuClick = false;    //单击是否是在一个菜单上，初始单击不是在一个菜单上
var mnuPrev = new Array();   //当前显示的菜单ID数组，初始为空

function document_onselectstart() {
return false; //屏蔽内容选择功能
}

function window_onresize() {
  //当窗口尺寸变化时改变相应变量的值
  doc_height = window.document.body.offsetHeight;
  doc_width = window.document.body.offsetWidth;
}

function window_onload() {
  //初始化窗口尺寸
  doc_height = window.document.body.offsetHeight;
  doc_width = window.document.body.offsetWidth;
}

//-->

欢迎您访问www.5ucms.org

本站推荐： 5ucms模板下载 5ucms插件下载 仿站联系Q3876307 [复制给好友] [打印] [关闭] [返回] [顶部]

0 很有用	上一篇：5ucms模版,JScript 寫 sortNode 下一篇：5ucms培训,VML:经典的图片叠加效果(灰色调)

本站声明：本网站所载文章等内容，目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题，请在30日内与本网联系（Email：3876307#qq.com），我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms培训,一个简单的仿xp的js下拉菜单的关键词:

评论信息