但是我想使用PHP或其他东西来保存HTML,所以我只需要编辑一个文件。然而,由于导航栏的操作方式,所以有一个叫做的类,它会使点击的链接突出显示,以向用户显示他们所在的页面。
以下是代码:
<nav>
<ul class="menu">
<li class="active"><a href="index.html"><strong><strong>Home</strong></strong></a></li>
<li><a href="services.html"><strong><strong>services</strong></strong></a>
<ul>
<li><a herf="services.html">Repairs</a>
<ul>
<li><a href="phonerep.html">Phone Repairs</a>
<li><a href="podrep.html">Ipod Repairs</a>
<li><a href="padrep.html">Ipad Repairs</a>
<li><a href="comprep.html">Computer & Laptop Repairs</a>
</ul>
</li>
<li><a href="compmain.html">Maintenance & Upgrades</a>
<ul>
<li><a href="compmain.html">Computers & Laptops</a>
</ul>
</li>
<li><a href="tuition.html">Tutoring</a></li>
<li><a href="spechelp.html">Specialist Help</a></li>
</ul>
</li>
<li><a href="iphone.html"><strong><strong>Prices</strong></strong></a>
<ul>
<li><a href="iphone.html">Iphone</a>
<li><a href="ipod.html">Ipod</a>
<li><a href="ipad.html">Ipad</a>
<li><a href="complap.html">Computer and Laptop</a>
</ul>
<li><a href="about.html"><strong><strong>about</strong></strong></a></li>
<li><a href="contactus.html"><strong><strong>Contact</strong></strong></a></li>
</ul>
</nav>
感谢您的时间。
答案 0 :(得分:1)
我不打算为你做这件事,但是你能做的就是这么简单就是做这样的事情(当然有更优雅的方法,但是让我们坚持KISS原则,因为它看起来像你不熟悉PHP):
<强> myMenu.php 强>
<nav>
<ul class="menu">
<li <?PHP if($PAGE == 'home') echo 'class="active">'; ?>><a href="index.html"><strong><strong>Home</strong></strong></a></li>
<li <?PHP if($PAGE == 'service') echo 'class="active">'; ?>><a href="services.html"><strong><strong>services</strong></strong></a>
<ul>
<li <?PHP if($PAGE == 'home') echo 'class="active">'; ?>><a herf="services.html">Repairs</a> <--Type here, should be href, not herf! :-)
[...]
您需要做的就是在使用适当的字符串在每个页面上调用include之前定义$PAGE
变量。
<强>的index.php:强>
$PAGE = 'home';
include 'myMenu.php';
<强> services.php:强>
$PAGE = 'services';
include 'myMenu.php';
你也可以使用Javascript,但是因为你在PHP / HTML标签中发布了这个,我现在就打算让你独自一人!