酷酷菜单代码

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

查看全文

相关阅读:
弹性盒模型
 CSS3属性
 CSS3选择器
 闭包
 angularjs-select2的使用
 angular 分页插件的使用
 webstorm 破解
 数组和字符串之间的转化
 git 拉取分支代码合分支
 时间戳转化为时间格式时间格式转为时间戳

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