随着插件的增多 头部的导航栏会越来越臃肿而不美观
所以我们使用下拉菜单的方法来解决 (支持IE6, Firefox 1.5, Opera)
演示效果 http://woren.cn 将鼠标移向头部导航栏" 帮助 "右边的click图标
编辑你目前正在使用的风格模板
在header -> headerjs最下面加入
代码:
<script language="Javascript" type="text/Javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape" ) &&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?" ) ) >0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show' ) ?'visible': ( v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
保存
然后编辑header -> body
在
代码:
<a href='./../../faq.php?{sessionurl}'>{$lang['_faq']}</a>
后加入
代码:
<a style="cursor:hand" onmouseover="MM_showHideLayers('c1','','show')" onMouseOut="MM_showHideLayers('c1','','hide')">
下拉菜单
</a>
<div id="c1" style="position:absolute; left:700px; top:24px; width:92px; height:80px; z-index:2;background-color: #00CC00;layer-background-color: #00CC00;visibility: hidden;" onmouseover="MM_showHideLayers('c1','','show')" onMouseOut="MM_showHideLayers('c1','','hide')">
<div style='text-align:center;padding-top:8px;'>
连接1
连接2
连接3
</div>
</div>
如果你觉的一个下拉菜单不够用
复制上面加入body的这些代码
把c1改为c2并加入即可
注: 这个是绝对定位的, 浏览器的分辨率变化对下拉菜单的位置有影响, 稍后, 放出相对定位的
此帖由 小栗 在 2006-04-11 12:56 进行编辑...