日期:2014-05-16 浏览次数:20414 次
function Menu() { this.bars = []; } Menu.prototype.add = function (title, icon) { var bar = new Bar(title, icon); this.bars.push(bar); return bar; }; Menu.prototype.render = function () { var container = document.body; var tbarH = bbarH = 30; var len = this.bars.length; if (arguments[0]) { container = document.getElementById(arguments[0]); container.style.borderStyle = "solid"; container.style.borderColor = "#69c"; container.style.borderWidth = 1; } var tbar = document.createElement("div"); var title = document.createTextNode("\u5bfc\u822a\u83dc\u5355"); tbar.style.height = tbarH; tbar.style.background = "#3586BD url(images/bar.png) repeat-x"; tbar.style.color = "white"; tbar.style.fontFamily = "\u9ed1\u4f53"; tbar.style.fontSize = 16; tbar.style.borderStyle = "solid"; tbar.style.borderColor = "#ccc"; tbar.style.borderWidth = "1px 1px 1px 1px"; tbar.style.lineHeight = 1.8; tbar.appendChild(title); container.appendChild(tbar); for (var k = 0; k < this.bars.length; k++) { var bar = document.createElement("div"); bar.setAttribute("id", "bar" + k); bar.style.height = 25; bar.style.background = "#3586BD url(images/titlebg1.gif) repeat-x"; bar.style.color = "white"; bar.style.margin = 0; bar.style.cursor = "pointer"; bar.style.fontFamily = "\u9ed1\u4f53"; bar.style.fontSize = 14; bar.style.textAlign = "center"; bar.style.lineHeight = 1.8; bar.style.borderStyle = "solid"; bar.style.borderColor = "#ccc"; bar.style.borderWidth = "0 1px 1px 1px"; bar.innerHTML = this.bars[k].title; var barBox = document.createElement("div"); barBox.setAttribute("id", "barBox" + k); //barBox.style.backgroundColor = "lightyellow"; barBox.style.fontSize = 12; barBox.style.margin = 0; barBox.style.textAlign = "center"; //barBox.style.overflowY = "scroll"; for (var i = 0; i < this.bars[k].items.length; i++) { /**var icon = document.createElement("image"); icon.src = this.bars[k].items[i].icon; icon.setAttribute("valign","top"); barBox.appendChild(icon); var item = document.createElement("li"); item.style.listStyle = "none"; item.style.lineHeight = 1.5;**/ /**var a = document.createElement("a"); a.href = this.bars[k].items[i].href; a.target = this.bars[k].items[i].target; a.innerHTML = this.bars[k].items[i].title; a.style.textDecoration = "none"; a.style.background = "url(images/" + this.bars[k].items[i].icon + ") no-repeat top"; a.style.paddingTop = 35; a.style.lineHeight = 1.5; a.style.color = "#810081"; a.style.display = "block";**/ var a = document.createElement("div"); a.setAttribute("url", this.bars[k].items[i].href); a.innerHTML = this.bars[k].items[i].title; a.style.lineHeight = 2; a.attachEvent("onclick", function () { var sender = window.event.srcElement; //ff(sender.innerHTML,sender.getAttribute('url')); }); barBox.appendChild(a); } if (k == 0) { barBox.style.display = "block"; barBox.style.height = parseInt(container.style.height) - len * 26 - 60; } else { barBox.style.display = "none"; } container.appendChild(bar); container.appendChild(barBox); } for (var k = 0; k < len; k++) { var barx = document.getElementById("bar" + k); barx.attachEvent("onclick", function () { var sender = window.event.srcElement; for (var m = 0; m < len; m++) { var box = document.getElementById("barBox" + m); if (sender.id.substring(3) == m) { box.style.display = "block"; box.style.height = parseInt(container.style.height) - len * 26 - 60; } else { box.style.display = "none"; box.style.height = 0; } } }); } var bbar = document.createElement("div"); bbar.style.height = bbarH; bbar.style.background = "#3586BD url(images/bar.png) repeat-x"; bbar.style.color = "white"; bbar.style.borderStyle = "solid"; bbar.style.borderColor = "#ccc"; bbar.style.borderWidth = "1px 1px 1px 1px"; cont