|
3、"自适应分辨率可扩展二层JS下拉菜单"js代码使用方法。
(1) 将上面的代码存储为js_daohang.js.放在和调用的页面同一个目录下。
(2) 在需要使用的叶面中在如下位置添加<script language=javascript src=js_daohang.js>
<html>
<head>
<title>平安证券柜台系统...</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="text.css" type="text/css">
<script language=javascript src=js_daohang.js>
</head>
（3）在需要显示下拉菜单的地方使用
<script language=javascript>
createMainLayer();
</script>
来产生菜单。如下例。可以随意摆放到页面的任何位置。
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="300"> </td>
<td width="71%" align="center">
<script language=javascript>
createMainLayer();
</script>
</td>
</tr>
</table>
(4)、如何添加新的主菜单及次级菜单的栏目。
假设我们要在已有的栏目里新增加一个“七色鸟”栏目。下面有“论坛”和“文献”两个次级栏目。那么我么首先要在代码的如下部分添加“七色鸟”。
var mainLayer=new Array("蓝色理想","动意营造","七色鸟");//主导航栏目
0 1 2
然后在如下的位置添加“论坛”和“文献”栏目及连接地址。
var subLayer0=new Array("论坛","文献"); //导航栏目一下的次级栏目
var subLayerHttp0=new Array("#","#");//主导航栏目一下的次级栏目连接地址
var subLayer1=new Array("论坛","文献");//导航栏目二的次级栏目
var subLayerHttp1=new Array("#","#");//主导航栏目二的次级栏目连接地址
var subLayer2=new Array("论坛","文献");//导航栏目三的次级栏目
var subLayerHttp2=new Array("#","#");//主导航栏目三的次级栏目连接地址
注意：蓝色部分是需要新添加的部分。红色部分是要修改的部分。要和上面的编号一一对应。 (5)、其他细节调整请参考代码详解部分。
4、附注及扩充。
代码中主要使用的函数及方法详解。
Document.write("tmp")页面中写入tmp.
var subLayerHttp1=new Array();定义一个新的数组subLayerHttp1.
For(I=0;I<tmp;I++){语句}设置I=0，当I的值小于tmp的值时执行语句，同时I的值加1。
var temp=(H=值1?值2:值3)当H的值等于值1的时候temp等于值2。反之temp的值等于值3。
增强功能。
//--------------- 系统参数*请勿调整 ------------//
var layerMax=mainLayer.length+10;
var layerName="index"
可以设置layerName=其他字段以生成新的下拉菜单。使页面内共存两个下拉菜单。
上一页 [1] [2] |
