晚上好!我有一个网站,到目前为止,我在每个页面复制导航代码。讨厌的右:)
然而,我想使用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>
谢谢你的时间。
我不打算为你做,但你可以做的很简单,就是这样做(当然有更优雅的方法,但这里我们坚持K.I.S.S.原则,因为你似乎是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标签中发布了这个,我现在就不打扰你了!