以下是修改的一个静态二级导航栏的head.html，请版主指教要做成类似这个效果的动态下拉二级导航，在如下代码基础上要如何修改？
注：show(50)这类函数里的参数数字，为数据库中栏目的ID值。
<!--自定义样式函数Begin--><script type="text/javascript">
function show(k,l){
var yy="MM"+k;
try{
var bodyLeft = document.getElementById("divBody").offsetLeft;
document.getElementById(yy).style.display="block";
document.getElementById(yy).style.left=l+bodyLeft;
}catch(e){
}
}
function hide(k){
var yy="MM"+k;
try{
document.getElementById(yy).style.display="none";
}catch(e){
}
}
</script>
<p><style type="text/css">
.st{
background: #fff;
padding:3px;
border:1px solid #ff3300;
white-space:nowrap;
width:75px;
height:auto;
z-index:300;
display:none;
position:absolute;
cursor:pointer;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}</style><!--自定义样式函数End--><!--页头Begin--></p>
<div id="divBody" class="top cbody">
<div class="toplogo"><embed height="156" width="1004" src="${root}/top%5B1%5D.swf" type="application/x-shockwave-flash" play="true" loop="true" menu="true"></embed></div>
<div class="topbanner"></div>
<div class="toplink"></div>
</div>
<!--页头End--><!--导航栏Begin-->
<div class="topmenu cbody1">
<ul id="nav">
<li id="shouye" class="thisclass"><a href="${base}/">首 页</a> [@cms.ChnlList id='' inner='1';c]</li>
<li onmouseover="show(${c.id},this.offsetLeft);" onmouseout="hide(${c.id});" id="${c.id}" class="thisclass"><a href="${c.url}">${c.name}</a> [/@cms.ChnlList]</li>
<li class="thisclass"><a href="${base}/jeecms/Guestbook.jspx" target="_blank">留言板</a></li>
</ul>
</div>
<div>
<ul onmouseover="show(27);" onmouseout="hide(27);" id="MM27" class="st">
<li><a href="${base}/jeecms/ldjs/index.htm">啊啊啊啊</a></li>
<li><a href="${base}/jeecms/jgzn/index.htm">巴巴爸爸</a></li>
<li><a href="${base}/jeecms/bmgz/index.htm">踩踩踩才</a></li>
<li><a href="${base}/jeecms/ldzc/index.htm">的得到的</a></li>
<li><a href="${base}/jeecms/rsrm/index.htm">鹅鹅鹅鹅</a></li>
</ul>
<ul onmouseover="show(62);" onmouseout="hide(62);" id="MM62" class="st">
<li><a href="${base}/jeecms/flfg/index.htm">反反复复</a></li>
<li><a href="${base}/jeecms/zfwj/index.htm">刚刚刚刚</a></li>
<li><a href="${base}/jeecms/dwwj/index.htm">哈哈哈哈</a></li>
</ul>
<ul onmouseover="show(2);" onmouseout="hide(2);" id="MM2" class="st">
<li><a href="${base}/jeecms/szyw/index.htm">将计就计</a></li>
<li><a href="${base}/jeecms/rkxw/index.htm">看看看看</a></li>
<li><a href="${base}/jeecms/tpxw/index.htm">来了来了</a></li>
</ul>
<ul onmouseover="show(75);" onmouseout="hide(75);" id="MM75" class="st">
<li><a href="${base}/jeecms/zxtg/index.htm">密密麻麻</a></li>
<li><a href="${base}/jeecms/xgfcai/index.htm">年年年年</a></li>
</ul>
<ul onmouseover="show(28);" onmouseout="hide(28);" id="MM28" class="st">
<li><a href="${base}/jeecms/zdhb/index.htm">婆婆婆婆</a></li>
<li><a href="${base}/jeecms/jyxc/index.htm">轻轻轻轻</a></li>
<li><a href="${base}/jeecms/wsdc/index.htm">人人人人</a></li>
</ul>
<ul onmouseover="show(50);" onmouseout="hide(50);" id="MM50" class="st">
<li><a href="${base}/jeecms/bgxz/index.htm">是生是死</a></li>
<li><a href="${base}/jeecms/wstp/index.htm">天天天天</a></li>
</ul>
</div>
<!--导航栏End--> |
|
