⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 qq菜单.htm

📁 javascript编程的组件
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0042)http://fason.nease.net/zhuanti/menu/qq.htm -->
<HTML><HEAD><TITLE>汉中新视听</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff onload=dotransition()>
<SCRIPT language=JavaScript><!--//该函数在调用过程中只需要在将要点击的单元格内的onclick事件中调用showme函数即可//function showme(obj1, obj2)该函数主要为使点击的对象高亮度显示，并调用moveme函数，参数obj1为母体即<div>标签的id，obj2为点击对象本身//function moveme(obj)该函数判断单元的移动，并调用相应的函数处理，obj参数为母体//function moveup(obj,objtop)该函数使一个单元向上移动，参数obj为母体，objtop为母体的本身最高高度//function movedown(obj,objbuttom)该函数使一个单元向下移动，参数obj为母体，objbuttom为母体的本身最低高度var headHeight = 22;//每个标题的高度var bodyHeight = 260;//母体高度var objcount = 6;//项目的个数，要改变了项目的个数别忘了该这个东西var step = 6;//移动速度(请确认可以被'bodyHeight-headHeight'整除,当前的设定可选速度为1,2,3,6,23,138)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>.headtd1 {
	BORDER-RIGHT: #0077ff 2px outset; BORDER-TOP: #00bbff 2px outset; FONT-SIZE: 9pt; BACKGROUND: #00a4e1; BORDER-LEFT: #00bbff 2px outset; CURSOR: hand; BORDER-BOTTOM: #0077ff 2px outset
}
.headtd2 {
	BORDER-RIGHT: #0077ff 2px outset; BORDER-TOP: #60d3ff 2px outset; FONT-SIZE: 9pt; BACKGROUND: #20c1ff; BORDER-LEFT: #60d3ff 2px outset; CURSOR: hand; BORDER-BOTTOM: #0077ff 2px outset
}
.bodytd {
	BORDER-RIGHT: #0077ff 2px outset; BORDER-TOP: #b0d8ff 2px outset; FONT-SIZE: 9pt; BACKGROUND: #99ccff; BORDER-LEFT: #b0d8ff 2px outset; BORDER-BOTTOM: #0077ff 2px outset
}
</STYLE>
<!--改改这个div（mainboard）的height，加一个项目当然要把它的值加22了，减一个项目当然就是减22了//-->
<DIV id=mainboard 
style="Z-INDEX: 3; BACKGROUND: #0099ff; LEFT: 2px; OVERFLOW: hidden; WIDTH: 90px; POSITION: absolute; TOP: 2px; HEIGHT: 370px" 
onclick="">
<DIV id=item1body 
style="Z-INDEX: 1; LEFT: 0px; OVERFLOW: hidden; WIDTH: 90px; POSITION: absolute; TOP: 0px; HEIGHT: 260px">
<TABLE height="100%" cellSpacing=0 cellPadding=2 width=90 border=0>
  <TBODY>
  <TR>
    <TD class=headtd2 id=item1head onclick=showme(item1body,this) height=20>
      <DIV align=center>★公告栏★</DIV></TD></TR>
  <TR>
    <TD class=bodytd>
      <SCRIPT language=JavaScript1.1><!-- JavaScript ??-messages = new Array()messages[0] = "首先欢迎各位的大驾光临~~~~!"messages[1] = "你是本站的第位访客~!"messages[2] = "汉中新视听，本着快、新、优的宗旨册，给你带来最佳的视听享受。"messages[3] = "本站是一个集影视 、音乐、FLASH动画、游戏、娱乐、聊天为一体的个人网站。"messages[4] = "目前已成为汉中地区最大的个人网站之一。"messages[5] = "本站没有商业网站浓厚的广告氛围。没有不堪入目的图片！"messages[6] = "最大限度的引领你的感觉 "messages[7] = "无须等待，与冰点抗衡，调节温度！"messages[8] = "本站将带你进入互联网的神秘地带。"messages[9] = "在这里，你我的距离将更近~"messages[10] = "浓缩时尚风采，拒揽前沿精彩。"messages[11] = "影视 、音乐、FLASH动画、游戏、娱乐、聊天，一切前沿流行资讯尽在这里！ "messages[12] = "繁杂人世的生活可曾为你增添烦恼？"messages[13] = "远离一方嘈杂，来到这片清雅天地"messages[14] = "这一刻，请让我们对世界说：请勿打扰！"messages[15] = "泡上一杯绿茶，听听悠美的音乐，看看精彩的动画 。"messages[16] = "生活就是这么美好！"messages[17] = "你还等什么 ？"messages[18] = "及刻点击http://hz-media.onchina.net/"messages[19] = "将带给你一天的好心情~~~!"messages[20] = "最后，非常感谢您的访问。"messages[21] = "希望您以后能一如既往的支持本站的发展。谢谢~~~~!"mescolor = new Array()mescolor[0] = "000000"mescolor[1] = "FF0000"mescolor[2] = "226622"mescolor[3] = "0000FF"mescolor[4] = "FFFF00"textfont = new Array()textfont[0] = "Verdana"textfont[1] = "Times"textfont[2] = "Arial"bagcolor = new Array()bagcolor[0] = "CCCCCC"bagcolor[1] = "Yellow"bagcolor[2] = "CCFFFF"bagcolor[3] = "AAEEFF"bagcolor[4] = "CCFF88"bagcolor[5] = "orange"bagcolor[6] = "99AAFF"var i_messages = 0var timerfunction randomposition(range) {   return Math.floor(range*Math.random())}function dotransition() {    if (document.all) {        content.filters[i_messages].apply()        content.innerHTML = "<table width=90 height=260 border=2><tr><td bgcolor="+bagcolor[randomposition(6)]+" style='color:"+mescolor[randomposition(4)]+";font-family:"+textfont[randomposition(2)]+";font-size:14px' align=center valign=middle>"+messages[i_messages]+"</td></tr></table>"        content.filters[i_messages].play()        if (i_messages >= messages.length-1) {            i_messages = 0        }        else {            i_messages++        }    }     timer = setTimeout("dotransition()",3000)   }// - JavaScript ?- --></SCRIPT>

      <DIV id=content 
      style="FILTER: revealTrans(Transition=1, Duration=3) revealTrans(Transition=2, Duration=3) revealTrans(Transition=3, Duration=2)  revealTrans(Transition=4, Duration=2)  revealTrans(Transition=5, Duration=1)  revealTrans(Transition=6, Duration=3)  revealTrans(Transition=7, Duration=2)  revealTrans(Transition=8, Duration=1)  revealTrans(Transition=9, Duration=3)  revealTrans(Transition=10, Duration=1)  revealTrans(Transition=11, Duration=2)  revealTrans(Transition=12, Duration=3)  revealTrans(Transition=13, Duration=1)  revealTrans(Transition=14, Duration=2)  revealTrans(Transition=15, Duration=3)  revealTrans(Transition=16 Duration=1)  revealTrans(Transition=17, Duration=2)  revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3) revealTrans(Transition=22, Duration=3); LEFT: 0px; WIDTH: 90px; POSITION: absolute; TOP: 22px; HEIGHT: 260px; TEXT-ALIGN: center"></DIV>
      <DIV id=source 
      style="LEFT: 0px; WIDTH: 90px; COLOR: #aaaaaa; POSITION: absolute; TEXT-ALIGN: center; top22: "></DIV>
      <DIV id=nn 
style="POSITION: absolute; TOP: 22px"></DIV></TD></TD></TR></TBODY></TABLE></DIV>
<DIV id=item2body 
style="Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; WIDTH: 90px; POSITION: absolute; TOP: 260px; HEIGHT: 260px">
<TABLE height="100%" cellSpacing=0 cellPadding=2 width=90 border=0>
  <TBODY>
  <TR>
    <TD class=headtd1 id=item2head onclick=showme(item2body,this) height=20>
      <DIV align=center>●MTV菜单●</DIV></TD></TR>
  <TR>
    <TD class=bodytd>
      <DIV align=center><A 
      href="http://cartoonfile.163.com/source/1627/brtw1.swf" 
      show_flash>不如跳舞</A></DIV></TD></TR>
  <TR>
    <TD class=bodytd>
      <DIV align=center><A 
      href="http://cartoonfile.163.com/source/13748/1017.swf">我不是天使</A></DIV></TD></TR>
  <TR>
    <TD class=bodytd>
      <DIV align=center><A href="http://cartoonfile.163.com/source/3950/wu.swf" 
      target=show_flash>眉飞色舞</A></DIV></TD></TR>
  <TR>
    <TD class=bodytd>
      <DIV align=center><A 
      href="http://cartoonfile.163.com/source/14093/74167.swf" 
      target=show_flash>独角戏</A></DIV></TD></TR>
  <TR>
    <TD class=bodytd>
      <DIV align=center><A
12

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -