我想在我的网站上的页面上放置标准菜单。我使用一个包含文件,如下图所示:使用javascript编辑包含文件
<div class="header box">
<ul class="nav box">
<li class="current" id="home"><a href="index.php" onclick="current('home')">Home</a></li>
<li class="" id="onlineSchedule"><a href="onlineSchedule.php" onclick="current(this)">Online Schedule</a></li>
<li class="" id="partners"><a href="partners.php" onclick="current(this)">Partners/Centers</a></li>
<li class="" id="services"><a href="services.php" onclick="current(this)">Services</a></li>
<li class="" id="products"><a href="products.php" onclick="current(this)">Products</a></li>
<li class="" id="newsHighlights"><a href="newsHighlights.php" onclick="current(this)">News/Highlights</a></li>
<li class="" id="signup"><a href="signup.php" onclick="current(this)">Sign Up!</a></li>
<li class="" id="feedback"><a href="feedback.php" onclick="current(this)">Feedback</a></li>
</ul>
但我希望类改变每当我点击不同的页面“当前”类凸显在菜单中的链接。我该怎么做呢?我试过的Javascript如下shwon但它不提前工作...日Thnx
function current(page)
{
//alert(page);
document.getElementById("home").setAttribute("class", "");
document.getElementById("onlineSchedule").setAttribute("class", "");
document.getElementById("partners").setAttribute("class", "");
document.getElementById("services").setAttribute("class", "");
document.getElementById("products").setAttribute("class", "");
document.getElementById("newsHighlights").setAttribute("class", "");
document.getElementById("signup").setAttribute("class", "");
document.getElementById("feedback").setAttribute("class", "");
document.getElementById(page).className += "current";
var temp = document.getElementById("home").getAttribute("class");
alert(temp);
}
您是否尝试过使用className? document.getElementById(“home”)。className + =“clicked”; – scusyxx
['jQuery'](http://jquery.com/)可以让你的生活变得更轻松:) – Nemoden
javascript部分看起来不完整。你已经做了这个功能,但是这个功能没有运行。你可以包含更多的JavaScript部分? – VKen