酷酷菜单代码

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

查看全文

相关阅读:
【51nod】2590 持续讨伐
 【51nod】2589 快速讨伐
 【51nod】2606 Secondary Substring
【LOJ】#3098. 「SNOI2019」纸牌
 【洛谷】P4202 [NOI2008]奥运物流
 【LOJ】#3103. 「JSOI2019」节日庆典
 【LOJ】#3102. 「JSOI2019」神经网络
 【洛谷】P5348 密码解锁
 【洛谷】P4883 mzf的考验
 【LOJ】#3101. 「JSOI2019」精准预测

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