Php 基于图像的网页导航识别

我在我的页面上有一个导航，内容包括：关于我们、我们做什么、客户、联系我们等等。。。。。所有这些都只是图像。不是文本。我可以根据$selected的值识别选择了哪个页面。当$selected==about时，我希望about us的默认图像类似于about_selected.png，其他所有图像也一样。我怎样才能做到这一点？我尝试了javascript，但没有成功。以下是我的页面中的示例代码：

<a href="about.php" class="<?php if($selected =="about"){echo 'selected';}?>" onmouseover="document.about.src='images/About_over.png'" onmouseout="document.about.src='images/About.png'" ><img src="images/About.png" alt="about us" name="about" /></a></li>
 <li><a href="we_do.php" class="<?php if($selected =="do"){echo 'selected';}?>"  onmouseover="document.wedo.src='images/Wedo_over.png'" onmouseout="document.wedo.src='images/Wedo.png'" ><img src="images/Wedo.png" alt="what we do" name="wedo"/></a></li>

解决方案在您自己的代码中

<img src="images/About<?php if($selected =="about"){echo '_selected';}?>.png"

.png”
您可能想考虑CSS用于这些鼠标切换效果，而不是使用这里使用的内联JavaScript。
“selected”类可用于触发背景图像上的第三个“active”状态。我建议您在标记之间添加一个文本，以确保搜索引擎可以索引您的导航。您可以再次使用CSS使实际文本不可见（通常是负文本缩进）
您应该为您的
分配一个
id
，将您的代码格式化为不需要水平滚动条，这对其他人很有帮助