自动产生菜单
用 JavaScript 来产生菜单可给你省很多事。比如你有好几个网页 但都用一样的菜单。另外改动的时候也很方便。只要改一个地方就 行了。 这个教程另外一个目的是给你展示如何运用数组和如何用JavaScript 来产生HTML。
JavaScript 的数组很灵活,你可用下面的命令产生它 var yourArray = new Array(); 这个数组是可以任意扩张的。 也就是说, 它里面的元素可以随时 添加。 比如 yourArray[0] = "first element"; 其他的 JavaScript code yourArray[1] = "second element" 你可注意到数组的第一个元素从零开始。这个规则和 C 里面的数组 一样。当你想要知道到底有多少元素在这个数组里的时候,你可以用 yourArray.length
// Background color of menu bar var bgcolor = "#FFFFCC" var width = 500 // Link names var menuName = new Array(); menuName[0] = "DHTML Home"; menuName[1] = "Book"; menuName[2] = "Daily"; menuName[3] = "Emacs"; menuName[4] = "Photoshop"; // Links var menuUrl = new Array(); menuUrl[0] = "index.html"; menuUrl[1] = "book.html"; menuUrl[2] = "daily.html"; menuUrl[3] = "emacs.html"; menuUrl[4] = "photoshop.html"; // Produce menu bar function createMenuBar(pageName) { document.writeln("<style> H3 {font-size:16pt} </style>"); document.writeln("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=" + width + ">"); document.writeln("<tr><td bgcolor=#669900>"); document.writeln("<table border=0 cellspacing=1 cellpadding=1 width=100% "); document.writeln("bgcolor=" + bgcolor + "><TR>"); for (i = 0; i < menuName.length; i++) { if (pageName == menuName[i]) { document.writeln(" <TD align=center><FONT color=FF9900><B>"); document.writeln(menuName[i] + "</B></FONT></TD>"); } else { document.writeln("<TD align=center><a href=" + menuUrl[i] + ">" document.writeln(menuName[i] + "</A></TD>"); } } document.writeln("</TR></TABLE></TD></TR></TABLE>"); }
《DHTML Builder》 Jie/文
与 或 标题 全文 关键字 以上全部
·国家级治脑病新药思维源 ·中藏药治疗脑病新突破 ·治类风湿,强直性脊柱炎 ·养肾·痛风·长寿 ·肝病泌尿脑萎缩新药介绍 ·强直性脊柱炎康复乐园 ·让中医辩证不孕不育 ·国医治股骨头坏死一绝 ·乙肝为何久治不愈? ·二千元垄断批发做老板 ·中医中药专治前列腺 ·治牛皮癣白癜风已成现实 ·专治痛风病的白衣天使 ·不孕不育的杏林奇葩 ·专卖店零售管理系统