一个很好的qq菜单生成器

Posted on 2006-06-09 13:24 晴天阅读(400) 评论(0) 收藏举报

<html>

<head>

<title>QQ菜单代码生成器</title>

//生成代码

function createCode()

{

totalheight = parseInt(fcreate.bodyheight.value) + fcreate.headheight.value * (fcreate.itemcount.value - 1);

textCode.value = text1.value +

"var headHeight = " + fcreate.headheight.value + ";" +

"var bodyHeight = " + fcreate.bodyheight.value + ";" +

"var objcount = " + fcreate.itemcount.value + ";" +

"var step = " + fcreate.mspeed.value + ";" +

text2.value +

".headtd1 { background: #" + fcreate.headcolorn.value + "; border: 1px outset; border-color: #" + fcreate.lbordern.value + " #" + fcreate.dbordern.value + " #" + fcreate.dbordern.value + " #" + fcreate.lbordern.value + "; cursor: hand; font-size: 9pt}" +

".headtd2 { background: #" + fcreate.headcolora.value + "; border: 1px outset; border-color: #" + fcreate.lbordera.value + " #" + fcreate.dbordera.value + " #" + fcreate.dbordera.value + " #" + fcreate.lbordera.value + "; cursor: hand; font-size: 9pt}" +

".bodytd { background: #" + fcreate.bodycolor.value + "; border: 1px outset; border-color: #" + fcreate.lborderb.value + " #" + fcreate.dborderb.value + " #" + fcreate.dborderb.value + " #" + fcreate.lborderb.value + "; font-size: 9pt}" +

text3.value +

"<div id='mainboard' style='position:absolute; left:2px; top:2px; width:120px; height:" + totalheight + "px; z-index:1; overflow: hidden; background: #" + fcreate.bodycolor.value + ";'> ";

itemtop = 0;

for (i = 1; i <= parseInt(fcreate.itemcount.value); i++)

{

textCode.value += "<div id='item" + i + "body' style='position:absolute; left:0; top:" + itemtop + "; width:120px; height:" + fcreate.bodyheight.value + "px; z-index:" + (i+1) +"; overflow: hidden'>" +

"<table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'>" +

"<tr>" +

"<td id='item" + i + "head' height='" + (fcreate.headheight.value-2) + "' class=";

if (i == 1)

textCode.value += "'headtd2'";

else textCode.value += "'headtd1'";

textCode.value += " onclick='showme(item" + i + "body,this)' align='center'>";

//textCode.value += getValue("fcreate.item" + i);

textCode.value +=document.all["item"+i].value+"</td>"+

"</tr>" +

"<tr>" +

"<td class='bodytd' align='center'>" +

"test" +

"</td>" +

"</tr>" +

"</table>" +

"</div>";

if (i == 1)

itemtop += parseInt(fcreate.bodyheight.value);

else itemtop += parseInt(fcreate.headheight.value);

}

textCode.value += "</div></body></html>"

}

//获取对象的值

function getValue(obj)

{

//obj = Object(obj);

return obj.value;

}

//清空代码

function clearCode()

{

textCode.value = "";

}

//预览代码

function prevCode()

{

createCode();

open().document.write(textCode.value);

}

//选择代码

function selectCode()

{

textCode.select();

}

//根据输入的数字，自动生成子菜单的填写项

function checkItems()

{

if ((fcreate.itemcount.value.length > 0 && isNaN(fcreate.itemcount.value)) || fcreate.itemcount.value.length == 0)

{

alert("请输入数字！");

fcreate.itemcount.focus();

}

else

{

if (fcreate.itemcount.value > 50)

{

alert("太夸张了吧，小一点呀，不用这么玩命吧！（50以下，含50）")

fcreate.itemcount.focus();

return;

}

if (fcreate.itemcount.value < 1)

{

alert("太夸张了吧，一个不要你要做什么！（1以上，含1）")

fcreate.itemcount.focus();

return;

}

itemtext = "<table width='700' border='0' align='center' cellpadding='1' cellspacing='1'>";

for (i = 1; i <= fcreate.itemcount.value; i++)

{

itemtext += "<tr>"+

"<td class='td2' width='76'>菜单项目"+i+"</td>" +

"<td colspan='2' class='td2'>" +

" <input type='text' name='item" + i + "' class='back2' style='width:200' value='菜单" + i + "'>" +

"</td>" +

"<td class='td2' width='173'>菜单项目内容网页</td>" +

"<td colspan='2' class='td2'>" +

" <input type='file' name='itemsrc" + i + "' class='back2' style='width:200'>" +

"</td>" +

"</tr>";

}

itemtext+="</table>"

document.all.itemmenu.innerHTML = itemtext;

}

//检查是否是一个合法的颜色数值

function changebkclr(obj)

{

hexv = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");

flag = false;

if (obj.value.length != 6)

{

alert("请用正确填写！（六位数）");

obj.focus();

}

else

{

for (i = 0; i < 6; i++)

{

for (j = 0; j <16; j++)

if (obj.value.charAt(i).toLowerCase() == hexv[j])

flag = true;

if (!flag)

{

alert("请用十六进制填写。（0-9，a-f）");

obj.focus();

return;

}

flag = false;

}

obj.style.background=obj.value;

}

//检查是否是一个合法的数字

function checknum(obj)

{

if (isNaN(obj.value))

{

alert("请输入数字！");

obj.focus();

return;

}

//检查改变数值的速度合法性

function changespd(obj)

{

fcreate.mspeed.value = 1;

}

//检查是否是一个合法的速度

function checkspeed(obj)

{

if (isNaN(obj.value))

{

alert("请输入数字！");

obj.focus();

}

else

{

if ((obj.form.bodyheight.value - obj.form.headheight.value)%obj.value != 0)

{

alert("请确认可以被 “菜单体高度 - 菜单题头高度” 整除");

obj.focus();

}

//控制总题目的填写

function ctrltitle(obj)

{

if (obj.value == "有")

obj.form.titlename.disabled = false;

else

obj.form.titlename.disabled = true;

}

</script>

<!--

.td1{ font-size: 9pt; background: #66CCFF}

.td2{ font-size: 9pt; background: #66aaFF}

.back1 { font-size: 9pt; width:100}

.back2 { font-size: 9pt; background: #BECFEE}

-->

</style>

</head>

<br>

</div>

<tr>

<td class="td1" width="13%" height="13">菜单项目个数</td>

</td>

<td class="td1" width="13%" height="13">菜单题头高度</td>

</td>

<td class="td1" width="13%" height="13">菜单体高度</td>

</td>

<td class="td1" width="13%" height="13">填写移动速度</td>

</td>

</tr>

<tr>

<tr>

<td class="td1" width="20%">一般题头颜色</td>

</td>

</td>

</td>

</tr>

<tr>

<td class="td1" width="20%">当前题头颜色</td>

</td>

</td>

</td>

</tr>

<tr>

<td class="td1" width="20%">菜单主体颜色</td>

</td>

</td>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td class="td1" width="80">菜单总题目</td>

</select>

</td>

</td>

</tr>

</table>

<tr>

</td>

<td class='td2' width='173'>菜单项目内容网页</td>

</td>

</tr>

<tr>

</td>

<td class='td2' width='173'>菜单项目内容网页</td>

</td>

</tr>

</table>

</div>

</form>

<head>

</textarea>

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>

</textarea>

</style>

</head>

</textarea>

</div>

</body>

</html>

刷新页面返回顶部

qingtianyzl

一个很好的qq菜单生成器