jQuery

$.fn.menu = function (url, fn) {
	var ret = null;
	$.ajax({type:"get", async:false, url:url, success:function (d) {
		ret = (eval("(" + d + ")"));
	}});
	var docH = $("#center").height();
	var mhead = $("<div>").html("\u7cfb\u7edf\u83dc\u5355").css({fontSize:"16px", fontFamily:"\u9ed1\u4f53", lineHeight:"32px", paddingLeft:"10px", border:"1px solid #fff", height:"32px", backgroundColor:"#3586BD", color:"#fff"});
	var mbody = $("<div>");
	var mfoot = $("<div>").html("").css({border:"1px solid #fff", height:"32px", backgroundColor:"#3586BD"});
	this.css({border:"1px solid #3586BD", width:"200px", height:docH}).append(mhead).append(mbody).append(mfoot);
	$(ret).each(function () {
		if (this.pid == "0") {
			var dd = $("<dd>").html(this.text).css({border:"1px solid #fff", height:"26px", backgroundColor:"#3586BD", textAlign:"center", margin:"0", color:"#fff"});
			var dl = $("<dl>").attr("id", this.id).append(dd);
			mbody.append(dl.css({margin:"0"}));
		} else {
			var dt = $("<dt>").html(this.text).css({textAlign:"center"});
			var item = this;
			dt.click(function () {
				fn(item);
			});
			$("#" + this.pid).append(dt);
		}
	});
	$("dl").eq(0).height(docH - 2 * 28 - 64).children("dt").show();
	$("dl").not($("dl").eq(0)).children("dt").hide();
	$("dl").click(function () {
		$(this).height(docH - 2 * 28 - 64).children("dt").show();
		$("dl").not($(this)).height("0").children("dt").hide();
	});
};
$(function () {
	$(document.body).css({margin:"0", overflow:"hidden"});
	$("#main").css("border", "1px solid #999");
	$("#head").height("70px");
	$("#center").height($(document.body).height() - 106);
	$("#left").css("float", "left");
	$("#foot").height("30px");
	$("#left").menu("menudata.txt", function (item) {
		$("#right").load(item.url);
	});
});