菜单代码生成器


<head>

<title>QQ菜单</title>

<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>

<script language='JavaScript'>

var moving = false;

function showme(obj1, obj2)

{

	if (moving)

		return;

	moving = true;

	for(i=0;i<document.all.tags('td').length;i++)

		if (document.all.tags('td')[i].className.indexOf('headtd') == 0)

			document.all.tags('td')[i].className = 'headtd1';

	obj2.className = 'headtd2';

	moveme(obj1);

}

function moveme(obj)

{

	idnumber = parseInt(obj.id.substr(4));

	objtop = headHeight * (idnumber - 1);

	objbuttom = bodyHeight + headHeight * (idnumber - 2);

	currenttop = parseInt(obj.style.top);

	if (currenttop >= objbuttom)

	{

		countid = 1;

		for(i=0;i<document.all.tags('div').length;i++)

			if (document.all.tags('div')[i].id == 'item'+countid+'body')

			{

				obj = document.all.tags('div')[i];

				objtop = headHeight * (countid - 1);

				if (countid == idnumber)

				{

					moveup(obj,objtop,false);

					break;

				}

				else

					moveup(obj,objtop,true);

				countid++;

			}

	}

	else if ((currenttop <= objtop) && (idnumber < objcount))

	{

		idnumber++;

		countid = objcount;

		for(i=document.all.tags('div').length-1;i>=0;i--)

			if (document.all.tags('div')[i].id == 'item'+countid+'body')

			{

				obj = document.all.tags('div')[i];

				objbuttom = bodyHeight + headHeight * (countid - 2);

				if (countid == idnumber)

				{

					movedown(obj,objbuttom,false);

					break;

				}

				else

					movedown(obj,objbuttom,true);

				countid--;

			}

	}

}

function moveup(obj,objtop,ismove)

{

	currenttop = parseInt(obj.style.top);

	if (currenttop > objtop)

	{

		obj.style.top = currenttop - step;

		setTimeout('moveup('+obj.id+','+objtop+','+ismove+')',1)

		return;

	}

	moving = ismove;

}

function movedown(obj,objbuttom,ismove)

{

	currenttop = parseInt(obj.style.top);

	if (currenttop < objbuttom)

	{

		obj.style.top = currenttop + step;

		setTimeout('movedown('+obj.id+','+objbuttom+','+ismove+')',1)

		return;

	}

	moving = ismove;

}

</script>



<style type='text/css'>


</style>

</head>

一般题头颜色	亮边颜色	暗边颜色
当前题头颜色	亮边颜色	暗边颜色
菜单主体颜色	亮边颜色	暗边颜色

菜单项目1			菜单项目内容网页
菜单项目2			菜单项目内容网页