cms菜单中当前频道重点显示

最新推荐文章于 2020-05-06 22:08:36 发布

原创最新推荐文章于 2020-05-06 22:08:36 发布 · 568 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#cms #javascript #border #function #tags #div

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的网页导航菜单动态效果的方法。通过修改图片源文件名中的数字来改变导航菜单图标的状态，实现了鼠标悬停时图标的动态变化。文章包含了一个具体的实现案例，详细解释了如何根据不同页面URL自动调整当前选中菜单项的显示状态。

<DIV align=center>
<DIV id=menuarea>
<UL>
<LI><A href="javascript:void(0);"><IMG src="/bjbxp/lib/template/images/menu_10.gif" border=0></A>
<LI><A href="javascript:void(0);"><IMG src="/bjbxp/lib/template/images/menu_20.gif" border=0></A>
<LI><A href="javascript:void(0);"><IMG src="/bjbxp/lib/template/images/menu_30.gif" border=0></A>
<LI><A href="javascript:void(0);"><IMG src="/bjbxp/lib/template/images/menu_40.gif" border=0></A>
<LI><A href="javascript:void(0);"><IMG src="/bjbxp/lib/template/images/menu_50.gif" border=0></A>
<LI><A href="javascript:void(0);"><IMG src="/bjbxp/lib/template/images/menu_60.gif" border=0></A>
<LI><A href="javascript:void(0);"><IMG src="/bjbxp/lib/template/images/menu_70.gif" border=0></A>
<LI class=last><A href="javascript:void(0);"><IMG src="/bjbxp/lib/template/images/menu_80.gif" border=0></A> </LI></UL></DIV></DIV>
<SCRIPT>
qh("menuarea","IMG",0);

function qh(a_id,a_tag,id) {
var aName = new Array();
aName[0]="B";
aName[1] = "A0101" ;
aName[2] = "A0102";
aName[3] = "A0103";
aName[4] = "A0104";
aName[5] = "A0105";
aName[6] = "A0107";
aName[7] = "A0108";
var aNamelen=aName.length;
var urlvalue=window.location.href;
var flag=-1;
        var Tags=document.getElementById(a_id).getElementsByTagName(a_tag);
        var len=Tags.length;
           for (j=0;j<=aNamelen;j++) {
              if (urlvalue.indexOf(aName[j])>=0) {
                  changeNav(Tags[j]);
                  flag=j;
              }
            }
        for(i=0;i<len;i++){

            if (flag!=i) {
                  Tags[i].onmouseover=function(){changeNav(this)};
                  Tags[i].onmouseout=function(){changeNav(this)};
          }

        }
}
function changeNav(v) {
            var tmp=v.src;
            var startchar=tmp.indexOf("_")+1;
            var endchar=tmp.indexOf(".gif");
            tmp=tmp.substring(startchar,endchar);

            if (tmp.slice(-1)=="0") tmp= parseInt(tmp)+parseInt("1");
            else tmp= parseInt(tmp)-parseInt("1");
            v.src="/bjbxp/lib/template/images/menu_"+tmp+".gif";
}

</SCRIPT>