当前位置：网站首页 > 资源显示

js根据URL地址判断定位当前栏目状态(JS版本)，定位到当前栏目

发布时间：2017/5/3 17:11:09 / 最后修改：2017-5-3 17:12:22 / 浏览：582

见完整代码

完整代码（代码框可以往下拉高显示）：

<div class="menu">
<ul>
<li><a href="/index.html" id="TopNav_1">首页</a></li>
<li><a href="/news/" id="TopNav_2">最新动态</a>
<ul>
<li><a href="/news/hangye/">行业动态</a></li>
<li><a href="/news/dongtai/">活动动态</a></li>
</ul>
</li>
<li><a href="/huodnog/" id="TopNav_3">活动介绍</a>
<ul>
<li><a href="/huodnog/gaikuang/">活动概况</a></li>
<li><a href="/huodnog/new/">最新活动</a></li>
<li><a href="/huodnog/changdi/">场地介绍</a></li>
<li><a href="/huodnog/fuwu/">生活服务</a></li>
</ul>
</li>
<li><a href="/vod/" id="TopNav_4">视频回放</a></li>
<li><a href="/cjhd/" id="TopNav_5">参加活动</a>
<ul>
<li><a href="/cjhd/liucheng/">活动流程</a></li>
<li><a href="/cjhd/yaoqiu/">报名要求</a></li>
<li><a href="/cjhd/baoming/">在线报名</a></li>
<li><a href="/cjhd/hezuo/">商业合作</a></li>
<li><a href="/cjhd/file/">文件中心</a></li>
</ul>
</li>
<li><a href="/dashiji/" id="TopNav_6">大事记</a>
<ul>
<li><a href="/dashiji/lishi/">历届回顾</a></li>
</ul>
</li>
<li><a href="/meiti/" id="TopNav_7">媒体区</a>
<ul>
<li><a href="/meiti/baodao/">相关报道</a></li>
<li><a href="/meiti/link/">合作媒体</a></li>
</ul>
</li>
<li><a href="/about/" id="TopNav_8">关于我们</a></li>
</ul>
</div>
<script language="JavaScript" type="text/javascript">
var NowUrl = window.location.href;
if(NowUrl.indexOf("/news/") > 0 ) { document.getElementById("TopNav_2").className="on";}
if(NowUrl.indexOf("/huodnog/") > 0 ) { document.getElementById("TopNav_3").className="on";}
if(NowUrl.indexOf("/vod/") > 0 ) { document.getElementById("TopNav_4").className="on";}
if(NowUrl.indexOf("/cjhd/") > 0 ) { document.getElementById("TopNav_5").className="on";}
if(NowUrl.indexOf("/dashiji/") > 0 ) { document.getElementById("TopNav_6").className="on";}
if(NowUrl.indexOf("/meiti/") > 0 ) { document.getElementById("TopNav_7").className="on";}
if(NowUrl.indexOf("/about/") > 0 ) { document.getElementById("TopNav_8").className="on";}
if(NowUrl.indexOf("/news/") > 0 ) { document.getElementById("TopNav_2").className="on";}
</script>

附件资源（免费）

您尚未登录，暂时无法查阅资源！立即登录

插播广告区

发表评论

您尚未登录，暂时无法发表评论。立即登录

暂无任何评论

推荐资源更多 >>

付费资源更多 >>

广告区