酷酷菜单代码

zoukankan html css js c++ java

酷酷菜单代码

代码如下：
<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <title>酷酷菜单代码</title> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </head> <body> <span id=span1 style=filter:alpha(opacity=0);position:absolute;left:200;top:100;z-index:1;50;height:15;background:orange;border-style:solid;border-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 id=span2 style=filter:alpha(opacity=0);position:absolute;left:300;top:115;z-index:1;50;height:15;background:orange;border-style:solid;border-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 id=span3 style=filter:alpha(opacity=0);position:absolute;left:200;top:130;z-index:1;50;height:15;background:orange;border-style:solid;border-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 id=span4 style=filter:alpha(opacity=0);position:absolute;left:300;top:145;z-index:1;50;height:15;background:orange;border-style:solid;border-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 id=span5 style=filter:alpha(opacity=0);position:absolute;left:200;top:160;z-index:1;50;height:15;background:orange;border-style:solid;border-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 id=span6 style=filter:alpha(opacity=0);position:absolute;left:300;top:175;z-index:1;50;height:15;background:orange;border-style:solid;border-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="";>菜单六 菜单1内容 菜单3内容 菜单5内容 菜单2内容 菜单4内容 菜单6内容 <span id=censpan style=filter:alpha(opacity=30);z-index:5;position:absolute;left:252;top:138;46;height:10;background:red;border-style:solid;border-1;text-align:center;font-size:9pt;cursor:hand; onclick=move1();>start </body> </html>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]

青苹果Web应用商店 https://webapp.taobao.com/

PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发，详细需求联系QQ:8511978

查看全文

相关阅读:
Ant简单工程的构建
 [转载] 无所不能的“蚂蚁”--Ant
引体向上高级技巧：停顿式引体向上！
引体向上腰酸？下背痛？你做对了吗？
划船训练常见错误：含胸驼背肩胛骨活动不足
 引体向上
 仰卧飞鸟：仰卧哑铃飞鸟图解教程
 蝶机夹胸：蝴蝶机夹胸夹胸/飞鸟动作图解教程
 史密斯卧推：杠铃史密斯下斜卧推、上斜机卧推、平板卧推动作图解
 练胸秘籍：胸肌训练5大重点

原文地址：https://www.cnblogs.com/Dicky/p/125971.html