生成QQ菜单代码

转载 2006年05月22日 20:38:00

<html>

<head>

<style type="text/css">
<!--
td,body {font-size:12px}
a:link {color:#000000;text-decoration:none}    
a:visited {color:#000000;text-decoration:none}
a:active {color:blue;text-decoration:none}
a:hover {color:red;text-decoration:underline}
a.title:link {color:#000000;text-decoration:underline}    
a.title:visited {color:#000000;text-decoration:underline}
a.title:active {color:#0000ff;text-decoration:underline}
a.title:hover {color:#0000ff;text-decoration:underline}
-->
</style>

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

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


<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<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">

<!--

.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>

 

<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="16%">

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

              <input type="text" name="headcolorn" class="back1" style="background:#00A4E1" value="00A4E1" onblur="changebkclr(this)" maxlength="6">

            </table></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>

      

    

    <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>

  

 <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>

 

<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>

 

<style type='text/css'>

</textarea>

<textarea name="text3" rows="5" style="width:700" class="back1" readonly>

 

</style>

</head>

 

</textarea>

</div>

</body>

</html>


<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>

 

qq连接代码生成总结

1、http://wpa.qq.com/msgrd?v=3&uin=82957000&site=hupaiyule&menu=yes 2、 tencent://message/?uin=QQ号&Sit...
  • chinajobs
  • chinajobs
  • 2015年06月24日 22:41
  • 3107

微信菜单实现QQ在线聊天(一)

1.功能介绍,附有图片 可以在微信的自定义菜单中添加【在线QQ】,采用链接的格式,当用户点击了菜单之后,微信会自动调用手机QQ客户端并弹出与你设定的QQ号聊天的窗口,这样,用户就可以直接和你聊天了。如...
  • you18131371836
  • you18131371836
  • 2016年11月05日 14:42
  • 886

微信公众号开发11代码生成自定义菜单

这里是使用代码生成自定义菜单,为了让代码和自定义菜单共存 1 首先创建自己想要的自定义菜单模板, 根据文档里面创建即可https://mp.weixin.qq.com/wiki?id=mp14452...
  • rosekissyou
  • rosekissyou
  • 2017年01月15日 11:53
  • 947

QQ在线客服代码(不需要加好友即可发起临时会话)

首先介绍怎样制作QQ在线客服代码:
  • jdfkldjlkjdl
  • jdfkldjlkjdl
  • 2014年11月25日 14:14
  • 12825

在网页中添加QQ在线交谈代码

在许多网站中都需要与客户QQ联系 而这个功能的实现其实也很简单,就三行代码 在需要此链接功能的地方加入一个A标签和一个Img标签就行了 腾讯公司已经为大家提供了此功能的连接的地址...
  • guduheshao
  • guduheshao
  • 2010年08月07日 01:13
  • 744

QQ IDKey生成--一键加群

今天网站用到一个点击链接调用qq自动加群的弹窗功能。感觉还挺方面,记录下来以备后用。 首先打开qq推广首页http://shang.qq.com/v3/index.html,然后登陆需要绑定的QQ号。...
  • FrontEnder_way
  • FrontEnder_way
  • 2016年06月30日 20:43
  • 2687

QQ客服代码(支持临时会话设置)

一、登陆腾讯官方网站:http://shang.qq.com/index.php 二:选择推广工具-设置
  • u013628152
  • u013628152
  • 2015年06月26日 17:47
  • 1300

模仿QQ的一个很帅的菜单栏

模仿QQ的一个很帅的菜单栏 a{text-decoration:none;color:#000000;font-size:8pt;font-family:verdana}//-->   var top...
  • yihuei123
  • yihuei123
  • 2007年04月30日 10:26
  • 422

js—QQ菜单简单实例

用JS索引值(this.index)实现的qq菜单实例! ul,h2{padding: 0; margin: 0;} li{list-style: none;} ...
  • qq_28147861
  • qq_28147861
  • 2017年11月04日 16:26
  • 28

仿QQ长按弹出功能菜单

android app普遍常用的弹出上下文菜单是列表式的。QQ列表,在上方弹出冒泡效果菜单,如图这里讲解一下如何写出这个效果:图片资源:两张图片,可以拼接成如上效果。首先,我们需要写布局文件: la...
  • meijian531161724
  • meijian531161724
  • 2015年07月08日 15:44
  • 3482
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:生成QQ菜单代码
举报原因:
原因补充:

(最多只允许输入30个字)