酷酷菜单代码

原创 2005年02月26日 23:48:00

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<title>酷酷菜单代码</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
var distance=0;distance1=0;
function move1()
{
if(distance!=50)
 {span1.style.pixelLeft+=1;span3.style.pixelLeft+=1;span5.style.pixelLeft+=1;span2.style.pixelLeft-=1;span4.style.pixelLeft-=1;span6.style.pixelLeft-=1;span1.filters.alpha.opacity+=2;span2.filters.alpha.opacity+=2;span3.filters.alpha.opacity+=2;span4.filters.alpha.opacity+=2;span5.filters.alpha.opacity+=2;span6.filters.alpha.opacity+=2;
midspan1.filters.alpha.opacity+=2;midspan2.filters.alpha.opacity+=2;midspan1.style.pixelTop+=1;midspan2.style.pixelTop-=1;
leftspan.filters.alpha.opacity+=2;rightspan.filters.alpha.opacity+=2;
censpan.filters.alpha.opacity-=1;
distance++;setTimeout('move1()',1);
 }else{move2();};
abovespan1.style.display='none';abovespan2.style.display='none';
}

function move2()
{
censpan.style.display='none';
if(distance1!=44)
{colspan1.style.pixelLeft+=1;colspan2.style.pixelLeft-=1;colspan3.style.pixelLeft+=1;colspan4.style.pixelLeft-=1;
rowspan1.style.pixelTop+=1;rowspan2.style.pixelTop+=1;rowspan3.style.pixelTop-=1;rowspan4.style.pixelTop-=1;rowspan5.style.pixelTop+=1;rowspan6.style.pixelTop+=1;rowspan7.style.pixelTop-=1;rowspan8.style.pixelTop-=1;
rowspan1.filters.alpha.opacity+=1;rowspan2.filters.alpha.opacity+=1;rowspan3.filters.alpha.opacity+=1;rowspan4.filters.alpha.opacity+=1;rowspan5.filters.alpha.opacity+=1;rowspan6.filters.alpha.opacity+=1;rowspan7.filters.alpha.opacity+=1;rowspan8.filters.alpha.opacity+=1;
colspan1.filters.alpha.opacity+=2;colspan2.filters.alpha.opacity+=2;colspan3.filters.alpha.opacity+=2;colspan4.filters.alpha.opacity+=2;
upspan1.style.pixelTop-=1;upspan2.style.pixelTop+=1;upspan1.filters.alpha.opacity+=2;upspan2.filters.alpha.opacity+=2;
spanA.style.pixelLeft-=1;spanB.style.pixelLeft+=1;spanA.filters.alpha.opacity+=2;spanB.filters.alpha.opacity+=2;
distance1++;
spanC.style.pixelLeft-=2;spanD.style.pixelLeft+=2;spanC.filters.alpha.opacity+=1;spanD.filters.alpha.opacity+=1;
setTimeout('move2()',1);}
}
//-->
</SCRIPT>
</head>
<body>
<span id=span1 style=filter:alpha(opacity=0);position:absolute;left:200;top:100;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add1.style.display='block';midspan2.innerText="菜单一的主题";midspan1.innerText="ONE" onmouseout=this.style.background='orange';add1.style.display='none';midspan2.innerText="";>菜单一</span><br>
<span id=span2 style=filter:alpha(opacity=0);position:absolute;left:300;top:115;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add2.style.display='block';midspan2.innerText="菜单二的主题";midspan1.innerText="TWO" onmouseout=this.style.background='orange';add2.style.display='none';midspan2.innerText="";>菜单二</span><br>
<span id=span3 style=filter:alpha(opacity=0);position:absolute;left:200;top:130;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add3.style.display='block';midspan2.innerText="菜单三的主题";midspan1.innerText="THREE" onmouseout=this.style.background='orange';add3.style.display='none';midspan2.innerText="";>菜单三</span><br>
<span id=span4 style=filter:alpha(opacity=0);position:absolute;left:300;top:145;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add4.style.display='block';midspan2.innerText="菜单四的主题";midspan1.innerText="FOUR" onmouseout=this.style.background='orange';add4.style.display='none';midspan2.innerText="";>菜单四</span><br>
<span id=span5 style=filter:alpha(opacity=0);position:absolute;left:200;top:160;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add5.style.display='block';midspan2.innerText="菜单五的主题";midspan1.innerText="FIVE" onmouseout=this.style.background='orange';add5.style.display='none';midspan2.innerText="";>菜单五</span><br>
<span id=span6 style=filter:alpha(opacity=0);position:absolute;left:300;top:175;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add6.style.display='block';midspan2.innerText="菜单六的主题";midspan1.innerText="SIX" onmouseout=this.style.background='orange';add6.style.display='none';midspan2.innerText="";>菜单六</span><br>
<span id=leftspan style=filter:alpha(opacity=0);position:absolute;left:191;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=rightspan style=filter:alpha(opacity=0);position:absolute;left:299;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=abovespan1 style=z-index:6;filter:alpha(opacity=0);position:absolute;left:191;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=abovespan2 style=z-index:6;filter:alpha(opacity=0);position:absolute;left:299;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=spanA style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:221;top:110;width:20;height:71;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=spanB style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:309;top:110;width:20;height:71;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=spanC style=z-index:-2;filter:alpha(opacity=0);position:absolute;left:251;top:120;width:20;height:51;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=spanD style=z-index:-2;filter:alpha(opacity=0);position:absolute;left:279;top:120;width:20;height:51;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=rowspan1 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:231;top:100;width:10;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=rowspan2 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:211;top:100;width:10;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=rowspan3 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:231;top:100;width:10;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=rowspan4 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:211;top:100;width:10;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=rowspan5 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:310;top:100;width:10;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=rowspan6 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:331;top:100;width:10;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=rowspan7 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:310;top:100;width:10;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=rowspan8 style=z-index:-1;filter:alpha(opacity=0);position:absolute;left:331;top:100;width:10;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=midspan1 style=filter:alpha(opacity=0);position:absolute;left:252;top:142;width:46;height:30;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=midspan2 style=filter:alpha(opacity=0);position:absolute;left:252;top:119;width:46;height:30;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=colspan1 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:252;top:199;width:60;height:10;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=colspan2 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:238;top:199;width:60;height:10;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=colspan3 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:252;top:77;width:60;height:10;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=colspan4 style=z-index=-1;filter:alpha(opacity=0);position:absolute;left:238;top:77;width:60;height:10;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;></span>
<span id=add1 style=filter:alpha(opacity=30);position:absolute;left:299;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;display:none;><br><br>菜单1内容</span>
<span id=add3 style=filter:alpha(opacity=30);position:absolute;left:299;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;display:none;><br><br>菜单3内容</span>
<span id=add5 style=filter:alpha(opacity=30);position:absolute;left:299;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;display:none;><br><br>菜单5内容</span>
<span id=add2 style=filter:alpha(opacity=30);position:absolute;left:191;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;display:none;><br><br>菜单2内容</span>
<span id=add4 style=filter:alpha(opacity=30);position:absolute;left:191;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;display:none;><br><br>菜单4内容</span>
<span id=add6 style=filter:alpha(opacity=30);position:absolute;left:191;top:100;width:60;height:91;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;display:none;><br><br>菜单6内容</span>
<span id=censpan style=filter:alpha(opacity=30);z-index:5;position:absolute;left:252;top:138;width:46;height:10;background:red;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onclick=move1();>start</span>
<span id=upspan1 style=filter:alpha(opacity=0);z-index:-1;position:absolute;left:262;top:78;width:26;height:70;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand;></span>
<span id=upspan2 style=filter:alpha(opacity=0);z-index:-1;position:absolute;left:262;top:138;width:26;height:70;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand;></span>

</body>
</html>

湖南省第十届大学生计算机程序设计竞赛:酷酷的单词

1505: 酷酷的单词 Time Limit: 1 Sec Memory Limit: 128 MB Submit: 237 Solved: 88 [Submit][Status][Web ...
  • u014253173
  • u014253173
  • 2015年03月17日 22:15
  • 1497

那些让人感到酷酷的项目

程序员这个职业有着某种巨大的魔力,人在这个行业中呆久了,久而久之就成了一个充满图灵感的程序,但就像现在科技一样,图灵机终究只是图灵机,很难做到真正的思考,虽然编程的最初只是写写代码,但是只要你入世够深...
  • momodays
  • momodays
  • 2013年01月31日 14:05
  • 207

波酷酷酷酷酷酷

哈哈哈哈哈哈哈哈哈哈我吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼
  • xuxuyaya
  • xuxuyaya
  • 2016年10月09日 16:34
  • 314

酷酷的 CSS3 三角形运用

概述 在早期的前端Web设计开发年代,完成一些页面元素时,我们必须要有专业的PS美工爸爸,由PS美工爸爸来切图,做一些圆角、阴影、锯齿或者一些小图标。 在CSS3出现后,借助一些具...
  • w1057742284
  • w1057742284
  • 2016年08月08日 10:56
  • 351

酷酷动态菜单又一例

  • zgqtxwd
  • zgqtxwd
  • 2008年05月01日 06:43
  • 140

炫酷的渐变背景

html: class="demo"> class="content-box"> class="padding-box"> class="border-box"> css: html...
  • qq_31301099
  • qq_31301099
  • 2016年06月14日 11:00
  • 250

华讯云直播APP直播程序源码,如何搭建完整的手机视频直播系统

华讯互动直播酷酷鱼APP系统提供专业网络视频直播系统源码。最新版本目前上线,期待用户进行咨询查看演示。 商务接洽联系官方客服!        华讯酷酷鱼互动直播是一套集在线直播、社交互动、分享传播、数...
  • qq_34026309
  • qq_34026309
  • 2016年09月14日 15:59
  • 29

酷酷的单词

 Description 输入一些仅由小写字母组成的单词。你的任务是统计有多少个单词是“酷”的,即每种字母出现的次数都不同。 比如ada是酷的,因为a出现2次,d出现1次,而1和2不同。...
  • G_rass
  • G_rass
  • 2015年07月09日 20:48
  • 282

实现酷酷的登录界面

实现酷酷的登录界面本知识点来自菜鸟窝视频,打个广告哈哈哈。本登录界面含有动态输入框,以及带边框透明按钮等。多说无益先来效果图: 首先你需要一个自定义的drawable ...
  • xiaozhuang66
  • xiaozhuang66
  • 2017年08月02日 01:21
  • 108

开源整理:酷酷的Android Loading动画,让用户摆脱无聊等待

一个出色的应用常常会用心打磨各种交互细节,例如为了能够让用户在某些耗时操作的等待过程中不要感到那么无聊,加上一个有趣的Loading动画效果将会是一个不错的选择。今天就为大家推荐Github上几个效果...
  • urDFmQCUL2
  • urDFmQCUL2
  • 2017年12月19日 00:00
  • 495
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:酷酷菜单代码
举报原因:
原因补充:

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