Question

如何用JS实现 网站导航的切换

Answer 1

1.首先将以下代码插入到你body需要设置导航的地方

<div id="navmenu">

<ul id="navi">

<li><a href="index.htm" _fcksavedurl="index.htm">梧桐首页

</a></li>

<li><a href="index1.htm" _fcksavedurl="index1.htm">网站优化

</a></li>

</ul>

</div>

<script type="text/javascript" language="javascript">

var nav = document.getElementById("navi");

var links = nav.getElementsByTagName("li");

var lilen = nav.getElementsByTagName("a"); //判断地址

var currenturl = document.location.href;

var last = 0;

for (var i=0;i<links.length;i++)

{

var linkurl = lilen[i].getAttribute("href");

if(currenturl.indexOf(linkurl)!=-1)

{

last = i;

}

}

links[last].className = "navon"; //高亮代码样式

</script>

2.然后将以下CSS代码添加到你网站的CSS文件中

#navmenu{ width:980px;}

#navmenu ul{ padding:0px; margin:0px;}

#navmenu ul li{ float:left; width:80px; list-style:none;

text-align:center; height:30px; line-height:30px;}

.navon{ background:#000000;} .navon a{ color:#ffffff;}

看下这个吧，JS跟简单。但是没有JS，更没有DW，写不了。

Answer 2

这个直接百度一下..例子超多