⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 menu01.htm

📁 javascript源码集锦
💻 HTM
字号:
<html>

<head>
<title>下拉菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="jscript.encode" src="../other/10/menuauto.jse"></script>
<script>
menucolor='rgb(192,192,192)'; //标准菜单颜色
menuoutcolor='rgb(204,204,204)'; //凹出颜色
menuincolor='rgb(180,180,180)'; //凹进颜色
menuoutbordercolor='rgb(255,255,255)'; //亮边框颜色
menuinbordercolor='rgb(0,0,0)'; //暗边框颜色 
menuforecolor='black'
menuovercolor='black'
menuwidth=60; //主菜单单元宽度
menuitemwidth=160; //菜单项宽度
/*创建菜单
主菜单必须有菜单项,不能单独创建主菜单
以下请注意大小写
*/
var pmenu1=new Menu('菜单一');
var pmenu2=new Menu('菜单二');
var pmenu3=new Menu('菜单三');
pmenu1.addItem(new MenuItem('链结实例',"http://www.hongzhi.com"));
pmenu1.addItem(new MenuItem('查看源实例','view-source:'+window.location.href));
pmenu1.addItem(new MenuItem(null,null,true));
pmenu1.addItem(new MenuItem('执行代码实例','javascript:alert("ok")'));
pmenu2.addItem(new MenuItem('菜单2'));
pmenu2.addItem(new MenuItem('菜单2'));
pmenu2.addItem(new MenuItem(null,null,true));                                      //横线
pmenu2.addItem(new MenuItem('菜单2'));
pmenu2.addItem(new MenuItem('菜单2'));
pmenu2.addItem(new MenuItem('菜单2'));
pmenu2.addItem(new MenuItem('菜单2'));
pmenu3.addItem(new MenuItem('菜单3'));
pmenu3.addItem(new MenuItem('菜单3',null,true));
pmenu3.addItem(new MenuItem('菜单3'));
pmenu3.addItem(new MenuItem('菜单3'));
pmenu3.addItem(new MenuItem('菜单3'));
//---------------------------------
</script>
</head>

<body>
<div align="center"><center>

<table border="0" cellpadding="0" cellspacing="0" width="80%" height="221" style="font-size: 9pt">
  <tr>
    <td width="1142" height="135"> <p><font color="#000000">&nbsp;&nbsp;&nbsp;  
    朋友,小弟等级太低,初学乍练,实在不敢在高手面前丢脸,不好意思拿出源代码,以免怡笑四方,我这里只是提供了使用方法,各位网友均可以拿去更改!各种属性样式均可自己设置,js文件是一个完整的模块!请不要更改,如果您有好的程序或创意,请不吝赐教!E-mail:<a href="mailto:wh@hongzhi.com">wh@hongzhi.com</a>&nbsp; </font></p> 
    <p><font color="#000000">&nbsp;&nbsp;&nbsp; 如果有朋友确实要看源代码,请e-mail给我,我会酌情考虑!</font></p> 
    <font color="#000000"><p>&nbsp;&nbsp;&nbsp; 点</font><a href="../other/10/menuauto.zip">这里</a><font color="#000000">下载文件</font></p> 
    <p><font color="#000000">&nbsp;&nbsp;&nbsp;  
    以下是您根据需要更改的代码部分,均有注释!</font></td> 
  </tr> 
  <tr> 
    <td width="1142" height="86"><font color="#000000">&lt;<font COLOR="#800080">html</font>&gt;<p>&lt;<font COLOR="#800080">head</font>&gt;</p> 
    <p>&lt;<font COLOR="#800080">title</font>&gt;Untitled Document&lt;<font COLOR="#800080">/title</font>&gt;</p> 
    <p>&lt;<font COLOR="#800080">meta </font><font COLOR="#ff0000">http-equiv=&quot;</font><font COLOR="#0000ff">Content-Type</font><font COLOR="#ff0000">&quot; content=&quot;</font><font COLOR="#0000ff">text/html; charset=gb2312</font><font COLOR="#ff0000">&quot;</font>&gt;</p> 
    <p>&lt;<font COLOR="#800080">script </font><font COLOR="#ff0000">language=&quot;</font><font COLOR="#0000ff">jscript</font><font COLOR="#ff0000">.encode&quot; src=&quot;</font><font COLOR="#0000ff">menuauto.js</font><font COLOR="#ff0000">e&quot;</font>&gt;&lt;<font COLOR="#800080">/script</font>&gt;</p> 
    </font><p><font color="#000000">&lt;<font COLOR="#800080">script</font>&gt;</font></p> 
    <p><font color="#800000">//以下颜色设置,可根据需要自行更改,也可以不设置,如果不设置,将使用默认系统颜色</font></p> 
    <p><font COLOR="#000000"><font color="#000080">menucolor='rgb(192,192,192)';  
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font color="#800000">//标准菜单颜色</font></font></p> 
    <p><font COLOR="#000000"><font color="#000080">menuoutcolor='rgb(0,0,128)';  
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font color="#800000">//凹出颜色</font></font></p> 
    <p><font COLOR="#000000"><font color="#000080">menuincolor='rgb(0,0,128)';  
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font color="#800000">//凹进颜色</font></font></p> 
    <p><font COLOR="#000000"><font color="#000080">menuoutbordercolor='rgb(255,255,255)';  
    &nbsp; </font><font color="#800000">//亮边框颜色</font></font></p> 
    <p><font COLOR="#000000"><font color="#000080">menuinbordercolor='rgb(0,0,0)';  
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font color="#800000">//暗边框颜色  
    </font></font></p> 
    <p><font COLOR="#000000"><font color="#000080">menuforecolor='black'  
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
    </font><font color="#800000">//文字颜色</font></font></p> 
    <p><font COLOR="#000000"><font color="#000080">menuovercolor='white'  
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
    </font><font color="#800000">//当鼠标移上去时文字颜色</font></font></p> 
    <p><font COLOR="#000000"><font color="#000080">menuwidth=60;  
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
    </font><font color="#800000">//主菜单单元宽度</font></font></p> 
    <p><font color="#000080">menuitemwidth=160;  
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
    </font><font color="#800000">//菜单项宽度</font></p> 
    <p><font color="#800000">/*创建菜单</font></p> 
    <p><font color="#800000">主菜单必须有菜单项,不能单独创建主菜单</font></p> 
    <p><font color="#800000">以下请注意大小写</font></p> 
    <p><font color="#800000">*/</font></p> 
    <p><font color="#000080">var pmenu1=new </font><font color="#008000">Menu</font><font color="#000080">('菜单一');</font></p> 
    <p><font color="#000080">var pmenu2=new </font><font color="#008000">Menu</font><font color="#000080">('菜单二');</font></p> 
    <p><font color="#000080">var pmenu3=new </font><font color="#008000">Menu</font><font color="#000080">('菜单三');</font></p> 
    <p><font color="#000080">pmenu1.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('链结实例','http://www.hongzhi.com'));</font></p> 
    <p><font color="#000080">pmenu1.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('查看源实例','view-source:'+window.location.href));</font></p> 
    <p><font color="#000080">pmenu1.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">(null,null,true));</font></p> 
    <p><font color="#000080">pmenu1.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('执行代码实例','javascript:alert(&quot;ok&quot;)'));</font></p> 
    <p><font color="#000080">pmenu2.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单2'));</font></p> 
    <p><font color="#000080">pmenu2.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单2'));</font></p> 
    <p><font color="#000080">pmenu2.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">(null,null,true));  
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
    </font><font color="#800000">//横线</font></p> 
    <p><font color="#000080">pmenu2.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单2'));</font></p> 
    <p><font color="#000080">pmenu2.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单2'));</font></p> 
    <p><font color="#000080">pmenu2.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单2'));</font></p> 
    <p><font color="#000080">pmenu2.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单2'));</font></p> 
    <p><font color="#000080">pmenu3.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单3'));</font></p> 
    <p><font color="#000080">pmenu3.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单3',null,true));</font></p> 
    <p><font color="#000080">pmenu3.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单3'));</font></p> 
    <p><font color="#000080">pmenu3.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单3'));</font></p> 
    <p><font color="#000080">pmenu3.addItem(new </font><font color="#008000">MenuItem</font><font color="#000080">('菜单3'));</font></p> 
    <p><font color="#800000">//the end---------------------------------</font></p> 
    <font COLOR="#000000"><p>&lt;</font><font COLOR="#800080">/script</font><font COLOR="#000000">&gt;</p> 
    <p>&lt;</font><font COLOR="#800080">/head</font><font COLOR="#000000">&gt;</font></td> 
  </tr> 
</table> 
</center></div> 
 
<p> </p> 
</body> 
</html> 

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -