注册 登录
编程论坛 ASP技术论坛

网页顶部导航隐藏代码!不会!

flynet 发布于 2007-11-02 14:20, 2077 次点击
效果是 在地址栏底下会显示网页的导航 因为页面长 会有下拉框 同时希望导航浮动着跟着往下走 然后要是点下导航就能隐藏 鼠标放到地址栏底下又会出来 这个效果谁会有啊 !!!请大虾们帮忙拉 现在隐藏和出现已经可以了 就是不能浮动 再有 浮动了以后 隐藏还好用吗?!
5 回复
#2
dushui2652007-11-02 19:15
楼主说的不是太清,我提供几个下拉菜单,参考一下
<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">&nbsp;</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>
#3
dushui2652007-11-02 19:38
另外,用fireworks的图片热点工具还可以实现下拉效果
#4
永夜的极光2007-11-02 19:53
浮动一般是用div的定位来实现的,不知道你隐藏和出现是用什么实现的呢,应该是不会互相影响的
#5
flynet2007-11-14 09:08
我现在缺的是导航浮动 其实就是 上下浮动的代码 我原来有现在找不到了 唉 只求在广告在网页左右上下浮动的代码 要的是 有个div层的那种不要改 js里图片路径的那种 谢谢大家拉
#6
flynet2007-11-14 09:10
回复:(永夜的极光)浮动一般是用div的定位来实现的,...
隐藏和显示用的是简单的js控制的 就是没有浮动 看下我楼上的说的 谢谢拉
1