Html 更改页面时更改课堂位置

如何在不同的页面中包含该类=已选择

我的代码：

                    <li><a href="index.html" class="selected">Home</a></li>                             
                    <li><a href="register.html">Register</a></li>                                                                       
                    <li><a href="faq.html">FAQ</a></li>

---

任何人都可以告诉我怎么做？

您可以先使用一个简单的jquery代码，别忘了将此添加到您的head标记中：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>

---

您可以使用PHP这样做：

<?php $page = basename($_SERVER['SCRIPT_NAME']); ?>

<li><a href="index.html" <?php if ($page=='index.html') 
      echo ' class="selected"'; ?>>Home</a></li>                             
<li><a  href="register.html" <?php if ($page=='register.html') 
      echo ' class="selected"'; ?>>Register</a></li>                                                                     
<li><a  href="faq.html" <?php if ($page=='faq.html') 
      echo ' class="selected"'; ?>>FAQ</a></li>

---

您好，您可以使用一个简单的jquery代码，我将给您举个例子

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>

$(document).ready(function() {
var path = window.location.pathname;
var page = path.split("/").pop();
//nav is the nav tag if you are putting your links in a nav if not you can use a selector of class or id
$("nav a").each(function(){
var x=$(this).attr("href");
if((x.indexOf(page)!=-1)&&(page!="")){
$(this).parent().addClass("selected");
}
}); 
});

<?php $page = basename($_SERVER['SCRIPT_NAME']); ?>

<li><a href="index.html" <?php if ($page=='index.html') 
      echo ' class="selected"'; ?>>Home</a></li>                             
<li><a  href="register.html" <?php if ($page=='register.html') 
      echo ' class="selected"'; ?>>Register</a></li>                                                                     
<li><a  href="faq.html" <?php if ($page=='faq.html') 
      echo ' class="selected"'; ?>>FAQ</a></li>