欧美精品一区二区三区四区,亚洲三区在线,欧美一区二区在线看

可以生成跟QQ菜單一樣的生成器

藍色理想 2009/5/29 21:01:58 深山行者字體:大中小瀏覽 9519

以下為詳細代碼

<html>
<head>
<title>可以生成跟QQ菜單一樣的生成器</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
//生成代碼
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: 2px 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: 2px 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: 2px 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>
<style type="text/css">

</style>
</head>
<body bgcolor='#FFFFFF' text='#000000'>
<div align="center">
      <textarea name="textCode" rows="28" style="width:700" class="back2" readonly></textarea>
  <br>
  <input type="button" name="btnCreate" value="<- 生成代碼 (ALT+M)" class="back2" style="width:150" onclick="createCode()" accessKey="m">
  <input type="button" name="btnClear" value="#= 清空代碼 (ALT+C)" class="back2" style="width:150" onclick="clearCode()" accessKey="c">
  <input type="button" name="btnPrev" value="O- 預覽效果 (ALT+P)" class="back2" style="width:150" onclick="prevCode()" accessKey="p">
  <input type="button" name="btnSelect" value="@@ 全選代碼 (ALT+A)" class="back2" style="width:150" onclick="selectCode()" accessKey="a">
</div>
<form name="fcreate" method="post" action="">
  <table width="700" border="0" align="center" cellpadding="2" cellspacing="1">
    <tr>
      <td class="td1" width="13%" height="13">菜單項目個數</td>
      <td class="td1" width="12%" height="13">
        <input type="text" name="itemcount" style="width:40" class="back2" onblur="checkItems()" value="2">
      </td>
      <td class="td1" width="13%" height="13">菜單題頭高度</td>
      <td class="td1" width="12%" height="13">
        <input type="text" name="headheight" class="back2" value="22" style="width:50" onblur="checknum(this)" onchange="checkspeed(fcreate.mspeed)">
      </td>
      <td class="td1" width="13%" height="13">菜單體高度</td>
      <td class="td1" width="12%" height="13">
        <input type="text" name="bodyheight" class="back2" value="202" style="width:50" onblur="checknum(this)" onchange="checkspeed(fcreate.mspeed)">
      </td>
      <td class="td1" width="13%" height="13">填寫移動速度</td>
      <td class="td1" width="12%" height="13">
        <input type="text" name="mspeed" class="back2" value="10" style="width:50" onblur="checkspeed(this)">
      </td>
    </tr>
    <tr>
      <td class="td1" colspan="8" height="55">
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" dwcopytype="CopyTableRow">
          <tr>
            <td class="td1" width="20%">一 般 題 頭 顏 色</td>
            <td class="td1" width="16%">
              <input type="text" name="headcolorn" class="back1" style="background:#00A4E1" value="00A4E1" onblur="changebkclr(this)" maxlength="6">
            </td>
            <td class="td1" width="16%">亮 邊 顏 色</td>
            <td class="td1" width="16%">
              <input type="text" name="lbordern" class="back1" style="background:#00BBFF" value="00BBFF" onblur="changebkclr(this)" maxlength="6">
            </td>
            <td class="td1" width="16%">暗 邊 顏 色</td>
            <td class="td1" width="16%">
              <input type="text" name="dbordern" class="back1" style="background:#0077FF" value="0077FF" onblur="changebkclr(this)" maxlength="6">
            </td>
          </tr>
          <tr>
            <td class="td1" width="20%">當 前 題 頭 顏 色</td>
            <td class="td1" width="16%">
              <input type="text" name="headcolora" class="back1" style="background:#20C1FF" value="20C1FF" onblur="changebkclr(this)" maxlength="6">
            </td>
            <td width="16%"  class="td1">亮 邊 顏 色</td>
            <td  class="td1" width="16%">
              <input type="text" name="lbordera" class="back1" style="background:#60D3FF" value="60D3FF" onblur="changebkclr(this)" maxlength="6">
            </td>
            <td  class="td1" width="16%">暗 邊 顏 色</td>
            <td  class="td1" width="16%">
              <input type="text" name="dbordera" class="back1" style="background:#0077FF" value="0077FF" onblur="changebkclr(this)" maxlength="6">
            </td>
          </tr>
          <tr>
            <td class="td1" width="20%">菜 單 主 體 顏 色</td>
            <td class="td1" width="16%">
              <input type="text" name="bodycolor" class="back1" style="background:#99CCFF" value="99CCFF" onblur="changebkclr(this)" maxlength="6">
            </td>
            <td width="16%"  class="td1">亮 邊 顏 色</td>
            <td  class="td1" width="16%">
              <input type="text" name="lborderb" class="back1" style="background:#B0D8FF" value="B0D8FF" onblur="changebkclr(this)" maxlength="6">
            </td>
            <td  class="td1" width="16%">暗 邊 顏 色</td>
            <td  class="td1" width="16%">
              <input type="text" name="dborderb" class="back1" style="background:#0077FF" value="0077FF" onblur="changebkclr(this)">
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td class="td1" width="80">菜單  總題目</td>
      <td class="td1" width="85">
        <select name="title" style="width:40" class="back2" onchange="ctrltitle(this)">
          <option value="有">有</option>
          <option value="無" selected>無</option>
        </select>
      </td>
      <td width="95"  class="td1">題目名稱</td>
      <td colspan="5"  class="td1">
        <input type="text" name="titlename" class="back2" value="填寫總題目" disabled>
      </td>
    </tr>
  </table>
    <div id="itemmenu">
      <table width='700' border='0' align='center' cellpadding='1' cellspacing='1'>
        <tr>
          <td class='td2' width='76'>菜單項目1</td>
          <td colspan='2' class='td2'>
            <input type='text' name='item1' class='back2' style='width:200' value="菜單1">
          </td>
          <td class='td2' width='173'>菜 單 項 目 內  容  網  頁</td><td colspan='2' class='td2'>
            <input type='file' name='itemsrc1' class='back2' style='width:200'>
          </td>
        </tr>
        <tr>
          <td class='td2' width='76'>菜單項目2</td>
          <td colspan='2' class='td2'>
            <input type='text' name='item2' class='back2' style='width:200' value="菜單2">
          </td>
          <td class='td2' width='173'>菜 單 項 目 內  容  網  頁</td><td colspan='2' class='td2'>
            <input type='file' name='itemsrc2' class='back2' style='width:200'>
          </td>
        </tr>
    </table>
    </div>
</form>
<div style="display:none">
<textarea name="text1" rows="5" style="width:700" class="back1" readonly>
<html>
<head>
<title>QQ菜單</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<script language='JavaScript'>
</textarea>
<textarea name="text2" rows="5" style="width:700" class="back1" readonly>
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>
</script>
<style type='text/css'>
</textarea>
<textarea name="text3" rows="5" style="width:700" class="back1" readonly>
</style>
</head>
<body bgcolor='#FFFFFF' text='#000000'>
</textarea>
</div>
</body>
</html>

前一頁:javascript_vb_asp代碼轉換器

后一頁:13種樣式檢測QQ是否在線的代碼

相關閱讀: 網站內容中某個關鍵字相關右鍵菜單; 留言板留言板V7.22; asp用BcH將二進制轉十六進制然后再HcB將十六進制轉二進制; uni-app基礎知識數據綁定; 表格斜線; 地瓜坊美食; javascript自動獲取Tags關鍵字; 深山旅行社網站管理系統 v1.5

共有0條關于《可以生成跟QQ菜單一樣的生成器》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: javascript_vb_asp代碼轉換器; 可以生成跟QQ菜單一樣的生成器; 13種樣式檢測QQ是否在線的代碼; 復制信息給好友代碼; JS壓縮; web版的js正則工具

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: input文本輸入框只能輸入數字或字母或漢字等; 超級實用且不花哨的js代碼大全( 2 ); 另外一種符合web2.0的鏈接打開方式--利用base打開鏈接; 利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉; 讓層處于上一個DIV層的右下角; 佳達國際貨運代理有限公司

更多標簽熱門標簽

告 open 項目設為首頁右鍵失效圖片上傳評論右鍵 innerHTML 事務管理系統 V3.1 服務器色彩 document 路徑框架二級長文件類型 imprt font-size filter 調節豎排創建理想 iis 廣告關于我們緩存絕對定位分辨率偽類瀏覽器 ie6 字符標注混合留言次數 hover 九宮格隨機灰色彈窗對聯復選框組件列 letter-spacing

99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

可以生成跟QQ菜單一樣的生成器