开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 行业应用 > 教育系统应用 > 查看源码
gnb_menus_layer.js
资源名称：0102010.rar　[点击查看]
上传用户：nbluoke
上传日期：2013-08-09
资源大小：4851k
文件大小：16k
源码类别：

教育系统应用

开发平台：

WORD

gnb_menus_layer.js：源码内容
  1.   function getGNBLinkColor(moduleID)/*鼠标over时显示颜色*/
  2.   {
  3.     if (moduleID == "www") return "#3260B1";
  4.     if (moduleID == "senior") return "#B77BB4";
  5.     if (moduleID == "junior") return "#F7A300";
  6.     if (moduleID == "exercises") return "#77B7B9";
  7.     if (moduleID == "community") return "#C28383";
  8.     if (moduleID == "myjh") return "#8882B5";
  9.     if (moduleID == "help") return "#CEAB75";
  10.   }
  12.   function getGNBLayerColor(moduleID)/*间隔的彩条基本颜色*/
  13.   {
  14.     if (moduleID == "senior") return "#F7E1F6";
  15.     if (moduleID == "junior") return "#FFEBC4";
  16.     if (moduleID == "exercises") return "#DFF1E4";
  17.     if (moduleID == "community") return "#FBE2D3";
  18.     if (moduleID == "myjh") return "#EFEDFD";
  19.     if (moduleID == "help") return "#F5E8D3";
  20.   }
  22.   function getGNBLayerHighlightColor(moduleID)/*下拉菜单鼠标over时改变的颜色*/
  23.   {
  24.     if (moduleID == "senior") return "#D3ADD1";
  25.     if (moduleID == "junior") return "#E4BD55";
  26.     if (moduleID == "exercises") return "#77B7B9";
  27.     if (moduleID == "community") return "#E1B1B1";
  28.     if (moduleID == "myjh") return "#B5B1D4";
  29.     if (moduleID == "help") return "#CEAB75";
  30.   }
  32.   function generateGNBLayerMenu(moduleID, subMenu, menuID, strOption)
  33.   {
  35.       var href = "javascript:sayNavigate('"+subMenu[0].replace(/'/g, '\'')+"');"
  36. /*
  37.     if (subMenu[0].substr(0, 7) == "http://")
  38.       var href = "javascript:sayNavigate('"+subMenu[0].replace(/'/g, '\'')+"');"
  39.     else
  40.       var href = subMenu[0];
  41. */
  43.     if (subMenu[2] == "normal")
  44.       return "<TD "+strOption+" ONMOUSEOVER="javascript:highlightLayer('"+moduleID+"', '"+menuID+"')" ONMOUSEOUT="javascript:restoreLayer('"+moduleID+"', '"+menuID+"')" ONMOUSEDOWN=""+href+"" STYLE="cursor:hand" CLASS=gnbSubMenu>&nbsp;<SPAN ID=text_"+menuID+">" + subMenu[1] + "</SPAN>&nbsp;&nbsp;</TD>";
  45.     else if (subMenu[2] == "special")
  46.       return "<TD "+strOption+" ONMOUSEOVER="javascript:highlightLayer('"+moduleID+"', '"+menuID+"');document.all.arrow_"+menuID+".color='#FFFFFF';" ONMOUSEOUT="javascript:restoreLayer('"+moduleID+"', '"+menuID+"');document.all.arrow_"+menuID+".color='#BFBFBF';" ONMOUSEDOWN=""+href+"" STYLE="cursor:hand" CLASS=gnbSubMenu>&nbsp;<SPAN ID=text_"+menuID+"><FONT ID=arrow_"+menuID+" COLOR=#BFBFBF style='font-size:8pt;'>⒑</FONT>" + subMenu[1] + "</SPAN>&nbsp;&nbsp;</TD>";
  47.     else
  48.       return "<TD "+strOption+" ONMOUSEOVER="javascript:highlightLayer('"+moduleID+"', '"+menuID+"')" ONMOUSEOUT="javascript:restoreLayer('"+moduleID+"', '"+menuID+"');document.all.text_"+menuID+".style.color='#646464';" ONMOUSEDOWN=""+href+"" STYLE="cursor:hand; color:#646464;" CLASS=gnbSubMenu ALIGN=right>&nbsp;<SPAN ID=text_"+menuID+"><b>more <FONT SIZE=-2>&gt;</FONT></b></SPAN>&nbsp;&nbsp;</TD>";
  49.   }
  51.   function generateGNBLayerTop(moduleID, subMenu, bgcolor, menuID)
  52.   {
  53.     document.writeln(
  54. "<TR VALIGN=bottom HEIGHT=1>"+
  55.   "<TD ROWSPAN=2 BGCOLOR=#717171></TD>"+
  56.   "<TD ID="+menuID+" BGCOLOR="+bgcolor+" ROWSPAN=2 COLSPAN=3></TD>"+
  57.   generateGNBLayerMenu(moduleID, subMenu, menuID, 'ID='+menuID+' BGCOLOR='+bgcolor+' ROWSPAN=2')+
  58.   "<TD ID="+menuID+" BGCOLOR="+bgcolor+" ROWSPAN=2 COLSPAN=2></TD>"+
  59.   "<TD ROWSPAN=2 BGCOLOR=#717171></TD>"+
  60.   "<TD></TD>"+
  61. "</TR>"+
  63. "<TR BGCOLOR="+bgcolor+" VALIGN=bottom HEIGHT=17>"+
  64.   "<TD BGCOLOR=#000000></TD>"+
  65. "</TR>");
  66.   }
  68.   function generateGNBLayerCommon(moduleID, subMenu, bgcolor, menuID)
  69.   {
  70.     document.writeln(
  71. "<TR ID="+menuID+" BGCOLOR="+bgcolor+" VALIGN=bottom HEIGHT=18>"+
  72.   "<TD BGCOLOR=#717171></TD>"+
  73.   "<TD COLSPAN=3></TD>"+
  74.   generateGNBLayerMenu(moduleID, subMenu, menuID, '')+
  75.   "<TD COLSPAN=2></TD>"+
  76.   "<TD BGCOLOR=#717171></TD>"+
  77.   "<TD BGCOLOR=#000000></TD>"+
  78. "</TR>");
  79.   }
  81.   function generateGNBLayerBottom(moduleID, subMenu, bgcolor, menuID)
  82.   {
  83.     document.writeln(
  84. "<TR ID="+menuID+" BGCOLOR="+bgcolor+" VALIGN=bottom HEIGHT=16>"+
  85.   "<TD BGCOLOR=#717171></TD>"+
  86.   "<TD></TD>"+
  87.   "<TD ROWSPAN=2></TD>"+
  88.   "<TD ROWSPAN=3></TD>"+
  89.   generateGNBLayerMenu(moduleID, subMenu, menuID, 'ROWSPAN=3')+
  90.   "<TD ROWSPAN=2></TD>"+
  91.   "<TD></TD>"+
  92.   "<TD BGCOLOR=#717171></TD>"+
  93.   "<TD ROWSPAN=2 BGCOLOR=#000000></TD>"+
  94. "</TR>"+
  96. "<TR HEIGHT=1>"+
  97.   "<TD ROWSPAN=2></TD>"+
  98.   "<TD ROWSPAN=2 BGCOLOR=#717171></TD>"+
  99.   "<TD ROWSPAN=2 BGCOLOR=#717171></TD>"+
  100.   "<TD ROWSPAN=2 BGCOLOR=#000000></TD>"+
  101. "</TR>"+
  103. "<TR HEIGHT=1>"+
  104.   "<TD BGCOLOR=#717171></TD>"+
  105.   "<TD BGCOLOR=#717171></TD>"+
  106.   "<TD></TD>"+
  107. "</TR>");
  108.   }
  109.   
  110.   function generateGNBLayerLine()
  111.   {
  112.     document.writeln(
  113. "<TR BGCOLOR=#D3D3D3 HEIGHT=1>"+
  114.   "<TD BGCOLOR=#717171></TD>"+
  115.   "<TD COLSPAN=6></TD>"+
  116.   "<TD BGCOLOR=#717171></TD>"+
  117.   "<TD BGCOLOR=#000000></TD>"+
  118. "</TR>");
  119.   }
  121.   function generateGNBLayer(moduleID, subMenus)
  122.   {
  123.     var bgcolor = getGNBLayerColor(moduleID);
  125.     document.writeln(
  126. "<DIV ID=gnb_layer_"+moduleID+"  ONMOUSEOVER="javascript:showSubMenuLayer('"+moduleID+"')" ONMOUSEOUT="javascript:hideSubMenuLayer('"+moduleID+"')" STYLE="position:absolute; display:none; z-index:99">"+
  127. "<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 STYLE="position:relative">"+
  128.   "<COL WIDTH=1>"+
  129.   "<COL WIDTH=1>"+
  130.   "<COL WIDTH=1>"+
  131.   "<COL WIDTH=1>"+
  132.   "<COL>"+
  133.   "<COL WIDTH=1>"+
  134.   "<COL WIDTH=1>"+
  135.   "<COL WIDTH=1>"+
  136.   "<COL WIDTH=1>");
  138.     var isSpecial = false;
  139.     var bgcolor = '#FFFFFF';
  141.     for (key in subMenus)
  142.     {
  143.       if (subMenus[key][2] != 'normal')
  144.         bgcolor = "#F8F8F3";
  145.       else if (key % 2 == 0)
  146.         bgcolor = getGNBLayerColor(moduleID);
  147.       else
  148.         bgcolor = "#FFFFFF";
  150.       if (subMenus[key][2] != 'normal' && !isSpecial)
  151.       {
  152.         generateGNBLayerLine();
  153.         isSpecial = true;
  154.       }
  156.       if (key == subMenus.length - 1)
  157.         generateGNBLayerBottom(moduleID, subMenus[key], bgcolor, "gnb_layer_"+moduleID+"_"+key);
  158.       else if (key == 0)
  159.         generateGNBLayerTop(moduleID, subMenus[key], bgcolor, "gnb_layer_"+moduleID+"_"+key);
  160.       else
  161.         generateGNBLayerCommon(moduleID, subMenus[key], bgcolor, "gnb_layer_"+moduleID+"_"+key);
  162.     }
  164.     document.writeln(
  165.   "<TR HEIGHT=1>"+
  166.     "<TD COLSPAN=2></TD>"+
  167.     "<TD BGCOLOR=#000000></TD>"+
  168.     "<TD COLSPAN=2 BGCOLOR=#717171></TD>"+
  169.     "<TD COLSPAN=3 BGCOLOR=#000000></TD>"+
  170.     "<TD></TD>"+
  171.   "</TR>"+
  173.   "<TR HEIGHT=1>"+
  174.     "<TD COLSPAN=4></TD>"+
  175.     "<TD COLSPAN=2 BGCOLOR=#000000></TD>"+
  176.     "<TD COLSPAN=3></TD>"+
  177.   "</TR>"+
  179. "</TABLE>"+
  180. "</DIV>");
  181.   }
  183.   var originalLayerBGColor;
  184.   var originalLayerFontColor;
  186.   function highlightLayer(moduleID, menuID)
  187.   {
  188.     //showSubMenuLayer(moduleID);
  189.     originalLayerBGColor = document.getElementById(menuID).bgColor;
  190.     var colMenu = document.getElementsByName(menuID);
  191.     for (var i=0; i<colMenu.length; i++)
  192.       colMenu[i].bgColor = getGNBLayerHighlightColor(moduleID);
  193.     document.all("text_"+menuID).style.color = "#FFFFFF";
  194.   }
  196.   function restoreLayer(moduleID, menuID)
  197.   {
  198.     //hideSubMenuLayer(moduleID);
  199.     var colMenu = document.getElementsByName(menuID);
  200.     for (var i=0; i<colMenu.length; i++)
  201.       colMenu[i].bgColor = originalLayerBGColor;
  202.     document.all("text_"+menuID).style.color = "#000000";
  203.   }
  205.   var originalMenuColor;
  206.   var originalMenuFontWeight;
  207.   var currentShewModuleID = '';
  209.   function showSubMenuLayer(moduleID)
  210.   {
  211.     if (currentShewModuleID == moduleID)
  212.       return;
  214.     if (currentShewModuleID != '')
  215.       hideSubMenuLayer(currentShewModuleID);
  217.     currentShewModuleID = moduleID;
  219.     var tg = document.all("gnb_layer_"+moduleID);
  220.     var link = document.all("gnb_link_"+moduleID);
  221.     var linkText = document.all("gnb_link_text_"+moduleID);
  223.     originalMenuColor = linkText.style.color;
  224.     originalMenuFontWeight = linkText.style.fontWeight;
  225.     linkText.style.color = getGNBLinkColor(moduleID);
  226.     linkText.style.fontWeight = "bold";
  228.     if (tg != null)
  229.     {
  230.       tg.style.posTop = link.offsetTop + link.offsetHeight;
  231.       tg.style.posLeft = link.offsetLeft;
  232.       tg.style.display = "inline";
  234.       for (var i=0; i<objectForClipping.length; i++)
  235.       {
  236.         var frameName = objectForClipping[i];
  237.         var tableName = oTableForClipping[i];
  238.         var oFrame = document.all[frameName];
  239.         var oTable = document.all[tableName];
  241.         if( 'undefined' != typeof(tableName) && '' != tableName )
  242.         {
  243.           var oldFrameOffsetTop = oFrame.offsetTop;
  244.           var oldFrameOffsetLeft = oFrame.offsetLeft;
  245.           var frameOffsetTop = oFrame.offsetTop + parseInt(oTable.style.top);
  246.           var frameOffsetLeft = oFrame.offsetLeft + parseInt(oTable.style.left);
  247.           var frameOffsetBottom = frameOffsetTop + oFrame.offsetHeight;
  248.           var frameOffsetRight = frameOffsetLeft + oFrame.offsetWidth;
  249.         }
  250.         else
  251.         {
  252.           oFrame.style.position = 'relative';
  253.           var frameOffsetTop = oFrame.offsetTop;
  254.           var frameOffsetLeft = oFrame.offsetLeft;
  255.           var frameOffsetBottom = oFrame.offsetTop + oFrame.offsetHeight;
  256.           var frameOffsetRight = oFrame.offsetLeft + oFrame.offsetWidth;
  257.         }
  259.         var layerOffsetTop = tg.offsetTop;
  260.         var layerOffsetBottom = tg.offsetTop + tg.offsetHeight;
  261.         var layerOffsetLeft = tg.offsetLeft;
  262.         var layerOffsetRight = tg.offsetLeft + tg.offsetWidth;
  264.         if (frameOffsetTop <= layerOffsetBottom &&
  265.             (layerOffsetLeft >= frameOffsetLeft && layerOffsetLeft <= frameOffsetRight ||
  266.              frameOffsetLeft >= layerOffsetLeft && frameOffsetLeft <= layerOffsetRight))
  267.         {
  268.           oFrame.style.position = 'absolute';
  269.           if( 'undefined' != typeof(tableName) && '' != tableName )
  270.           {
  271.             oFrame.style.top = oldFrameOffsetTop;
  272.             oFrame.style.left = oldFrameOffsetLeft;
  273.           }
  274.           else
  275.           {
  276.             oFrame.style.top = frameOffsetTop;
  277.             oFrame.style.left = frameOffsetLeft;
  278.           }
  279.             oFrame.style.clip = "rect(" + (layerOffsetBottom - frameOffsetTop + 1) + " auto auto auto)";
  280.         }
  281.       }
  282.     }
  283.   }
  285.   function hideSubMenuLayer(moduleID, force)
  286.   {
  287.     if (currentShewModuleID != moduleID)
  288.       return;
  290.     var tg = document.all("gnb_layer_" + moduleID);
  291.     var linkText = document.all("gnb_link_text_"+moduleID);
  293.     currentShewModuleID = '';
  295.     linkText.style.color = originalMenuColor?originalMenuColor:"#000000";
  296.     linkText.style.fontWeight = originalMenuFontWeight?originalMenuFontWeight:"normal";
  298.     if (tg != null)
  299.     {
  300.       tg.style.display = "none";
  302.       for (var i=0; i<objectForClipping.length; i++)
  303.       {
  304.         var frameName = objectForClipping[i];
  305.         var tableName = oTableForClipping[i];
  306.         var oFrame = document.all[frameName];
  307.         var oTable = document.all[tableName];
  309.         oFrame.style.position = 'relative';
  310.         oFrame.style.top = 0;
  311.         oFrame.style.left = 0;
  312.         oFrame.style.clip = "rect(auto)";
  313.       }
  314.     }
  315.   }
  317.   function showSubMenuLayer2(moduleID)
  318.   {
  319.     if (currentShewModuleID == moduleID)
  320.       return;
  322.     if (currentShewModuleID != '')
  323.       hideSubMenuLayer(currentShewModuleID);
  325.     currentShewModuleID = moduleID;
  327.     var linkText = document.all("gnb_link_text_"+moduleID);
  329.     originalMenuColor = linkText.style.color;
  330.     originalMenuFontWeight = linkText.style.fontWeight;
  331.     linkText.style.color = getGNBLinkColor(moduleID);
  332.     linkText.style.fontWeight = "bold";
  333.   }
  335.   function hideSubMenuLayer2(moduleID)
  336.   {
  337.     if (currentShewModuleID != moduleID)
  338.       return;
  340.     var linkText = document.all("gnb_link_text_"+moduleID);
  342.     currentShewModuleID = '';
  344.     linkText.style.color = originalMenuColor?originalMenuColor:"#000000";
  345.     linkText.style.fontWeight = originalMenuFontWeight?originalMenuFontWeight:"normal";
  346.   }
  348.   var objectForClipping = new Array();
  349.   var oTableForClipping = new Array();
  351.   function addIFrameForClipping(frameName, tableName)/*下拉菜单包含内容及其链接*/
  352.   {
  353.     var count = objectForClipping.length;
  354.     objectForClipping[count] = frameName;
  355.     oTableForClipping[count] = tableName;
  356.   }
  358. var subMenus_senior = new Array();
  359. subMenus_senior[0] = new Array();
  360. subMenus_senior[0][0] = "/senior/";
  361. subMenus_senior[0][1] = "高考通";
  362. subMenus_senior[0][2] = "normal";
  363. subMenus_senior[1] = new Array();
  364. subMenus_senior[1][0] = "/senior/none_g3.jsp";
  365. subMenus_senior[1][1] = "高考通高三";
  366. subMenus_senior[1][2] = "normal";
  367. subMenus_senior[2] = new Array();
  368. subMenus_senior[2][0] = "/senior/none_g2.jsp";
  369. subMenus_senior[2][1] = "高考通高二";
  370. subMenus_senior[2][2] = "normal";
  371. subMenus_senior[3] = new Array();
  372. subMenus_senior[3][0] = "/senior/none_g1.jsp";
  373. subMenus_senior[3][1] = "高考通高一";
  374. subMenus_senior[3][2] = "normal";
  376. var subMenus_senior_in = new Array();
  378. var subMenus_junior = new Array();
  379. subMenus_junior[0] = new Array();
  380. subMenus_junior[0][0] = "/junior/index.jsp";
  381. subMenus_junior[0][1] = "中考通";
  382. subMenus_junior[0][2] = "normal";
  383. subMenus_junior[1] = new Array();
  384. subMenus_junior[1][0] = "/junior/none_c3.jsp";
  385. subMenus_junior[1][1] = "中考通初三";
  386. subMenus_junior[1][2] = "normal";
  387. subMenus_junior[2] = new Array();
  388. subMenus_junior[2][0] = "/junior/none_c2.jsp";
  389. subMenus_junior[2][1] = "中考通初二";
  390. subMenus_junior[2][2] = "normal";
  391. subMenus_junior[3] = new Array();
  392. subMenus_junior[3][0] = "/junior/none_c1.jsp";
  393. subMenus_junior[3][1] = "中考通初一";
  394. subMenus_junior[3][2] = "normal";
  396. var subMenus_junior_in = new Array();
  398. var subMenus_exercises = new Array();
  399. subMenus_exercises[0] = new Array();
  400. subMenus_exercises[0][0] = "/exercises/index.jsp";
  401. subMenus_exercises[0][1] = "考题资料";
  402. subMenus_exercises[0][2] = "normal";
  403. subMenus_exercises[1] = new Array();
  404. subMenus_exercises[1][0] = "/exercises/index.jsp";
  405. subMenus_exercises[1][1] = "模拟考试";
  406. subMenus_exercises[1][2] = "normal";
  408. var subMenus_community = new Array();
  409. subMenus_community[0] = new Array();
  410. subMenus_community[0][0] = "http://jsptestonline.cosoft.org.cn/";
  411. subMenus_community[0][1] = "名师辅导";
  412. subMenus_community[0][2] = "normal";
  413. subMenus_community[1] = new Array();
  414. subMenus_community[1][0] = "/community/bbs.jsp";
  415. subMenus_community[1][1] = "学习论坛";
  416. subMenus_community[1][2] = "normal";
  417. subMenus_community[2] = new Array();
  418. subMenus_community[2][0] = "/cardshow/list.jsp";
  419. subMenus_community[2][1] = "贺卡";
  420. subMenus_community[2][2] = "normal";
  421. subMenus_community[3] = new Array();
  422. subMenus_community[3][0] = "/community/wallpaper.jsp";
  423. subMenus_community[3][1] = "壁纸";
  424. subMenus_community[3][2] = "normal";
  425. subMenus_community[4] = new Array();
  426. subMenus_community[4][0] = "/community/color.jsp";
  427. subMenus_community[4][1] = "多彩空间";
  428. subMenus_community[4][2] = "normal";
  429. subMenus_community[5] = new Array();
  430. subMenus_community[5][0] = "/community/lab.jsp";
  431. subMenus_community[5][1] = "多媒体实验";
  432. subMenus_community[5][2] = "normal";
  434. var subMenus_saygame = new Array();
  436. var subMenus_myjh = new Array();
  437. subMenus_myjh[0] = new Array();
  438. subMenus_myjh[0][0] = "/myjh/index.jsp";
  439. subMenus_myjh[0][1] = "我的资料";
  440. subMenus_myjh[0][2] = "normal";
  441. subMenus_myjh[1] = new Array();
  442. subMenus_myjh[1][0] = "/myjh/index_rc.jsp";
  443. subMenus_myjh[1][1] = "日程管理";
  444. subMenus_myjh[1][2] = "normal";
  445. subMenus_myjh[2] = new Array();
  446. subMenus_myjh[2][0] = "";
  447. subMenus_myjh[2][1] = "考试管理";
  448. subMenus_myjh[2][2] = "normal";
  450. var subMenus_help = new Array();
  451. subMenus_help[0] = new Array();
  452. subMenus_help[0][0] = "/help/product/pro_001.jsp";
  453. subMenus_help[0][1] = "产品介绍";
  454. subMenus_help[0][2] = "normal";
  455. subMenus_help[1] = new Array();
  456. subMenus_help[1][0] = "/help/buy/buy_001.jsp";
  457. subMenus_help[1][1] = "购买向导";
  458. subMenus_help[1][2] = "normal";
  459. subMenus_help[2] = new Array();
  460. subMenus_help[2][0] = "/help/use/use_001.jsp";
  461. subMenus_help[2][1] = "使用帮助";
  462. subMenus_help[2][2] = "normal";
  463. subMenus_help[3] = new Array();
  464. subMenus_help[3][0] = "/help/vote/vote_001.jsp";
  465. subMenus_help[3][1] = "建议投诉";
  466. subMenus_help[3][2] = "normal";