酷酷菜单代码

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

查看全文

相关阅读:
Symbol
对象的附加属性
 怪异盒模型
 javascript的三大组成部分
 让目标对象滚动到视口位置
 隐藏单个盒子的滚动条
 uni-app判断有没有安装这个app，如果有的话直接打开，没有的话跳转到下载页面
 js 读取json文件
 openlays 使用 svg标注，动态修改svg颜色
 iview table组件内容过多用“...”代替，鼠标悬停显示全部内容

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