网页顶部导航隐藏代码!不会!
效果是 在地址栏底下会显示网页的导航 因为页面长 会有下拉框 同时希望导航浮动着跟着往下走 然后要是点下导航就能隐藏 鼠标放到地址栏底下又会出来 这个效果谁会有啊 !!!请大虾们帮忙拉 现在隐藏和出现已经可以了 就是不能浮动 再有 浮动了以后 隐藏还好用吗?!
楼主说的不是太清,我提供几个下拉菜单,参考一下
<td width="90%" class="shadow">
<a href="#" onClick="Fsubmenu('基础')" >基础信息</a>
|<a href="#" onClick="Fsubmenu('采购')">采购管理</a>
|<a href="#" onClick="Fsubmenu('库存')">库存管理</a>
|<a href="#" onClick="Fsubmenu('销售')">商品销售</a>
|<a href="#" onClick="Fsubmenu('查询')">查询统计</a>
|<a href="#" onClick="Fsubmenu('往来')">往来管理</a>
|<a href="#" onClick="Fsubmenu('系统')">系统设置</a>
</td>
(2)在网页中显示二级菜单的位置添加一个名为submenu的DIV层,代码如下:
<div id="submenu" class="word_yellow"> </div>
(3)编写自定义JavaScript函数Fsubmenu(),用于根据鼠标移动到某一一级菜单时传递的参数值在页面中相应位置显示对应的二级菜单,代码如下:
<script language="javascript">
function Fsubmenu(value){
switch (value){
case "基础":
submenu.innerHTML="<a href='jcxx/khinfo.asp' target='mainF'>客户信息管理</a>|<a href='jcxx/spinfo.asp' target='mainF'>商品信息管理</a>|<a href='jcxx/gysinfo.asp' target='mainF'>供应商信息管理</a>|<a href='jcxx/khindex.asp' target='mainF'>客户信息查询</a>|<a href='jcxx/spindex.asp' target='mainF'>商品信息查询</a>|<a href='jcxx/gysindex.asp' target='mainF'>供应商信息查询</a>";
break;
case "采购":
submenu.innerHTML="<a href='cggl/spcg.asp' target='mainF'>商品采购</a>|<a href='cggl/cgindex.asp' target='mainF'>采购查询</a>";
break;
case "库存":
submenu.innerHTML="<a href='kcgl/sprk.asp' target='mainF'>商品入库</a>|<a href='kcgl/rkth.asp' target='mainF'>商品入库退货</a>|<a href='kcgl/kcindex.asp' target='mainF'>库存查询</a>|<a href='kcgl/jgtz.asp' target='mainF'>价格调整</a>";
break;
case "销售":
submenu.innerHTML="<a href='spxs/spxs.asp' target='mainF'>商品销售</a>|<a href='spxs/spxsth.asp' target='mainF'>商品销售退货</a>|<a href='jcxx/spinfo.asp' target='mainF'>";
break;
case "查询":
submenu.innerHTML="<a href='cxtj/xsindex.asp' target='mainF'>销售信息查询</a>|<a href='cxtj/xsthindex.asp' target='mainF'>销售退货查询</a>|<a href='cxtj/rkindex.asp' target='mainF'>商品入库查询</a>|<a href='cxtj/rkthindex.asp' target='mainF'>入库退货查询</a>|<a href='cxtj/xsph.asp' target='mainF'>商品销售排行</a>|<a href='cxtj/yearxsfx.asp' target='mainF'>年销售额分析</a>";
break;
case "往来":
submenu.innerHTML="<a href='wlgl/ysgl/xsjz.asp' target='mainF'>商品销售结帐</a>|<a href='wlgl/ysgl/rkthjz.asp' target='mainF'>入库退货结账</a>|<a href='wlgl/ysgl/xsjzindex.asp' target='mainF'>销售结帐查询</a>|<a href='wlgl/yfgl/rkjz.asp' target='mainF'>商品入库结帐</a>|<a href='wlgl/yfgl/xsthjz.asp' target='mainF'>销售退货结账</a>|<a href='wlgl/yfgl/rkjzindex.asp' target='mainF'>入库结帐查询</a>";
break;
case "系统":
submenu.innerHTML="<a href='xtsz/addczy.asp' target='mainF'>添加操作员</a>|<a href='xtsz/midczy.asp' target='mainF'>更改操作员密码</a>|<a href='xtsz/delczy.asp' target='mainF'>删除操作员</a>";
break;
}
}
</script>