我的页面上有导航元素，关于我们，我们做什么，客户，联系我们等.....所有这些只是图像。不是文字。我可以根据$ selected的值识别选择哪个页面。当$ selected == about时，我希望关于我们的默认图像类似于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>
答案 0 :(得分：1)
解决方案在您自己的代码中。
<img src="images/About<?php if($selected =="about"){echo '_selected';}?>.png"
答案 1 :(得分：0)
您可能需要考虑这些鼠标悬停效果的CSS，而不是您在此处使用的内联JavaScript。 List Apart有some useful information就可以了。
'selected'类可用于触发背景图像上的第三个“活动”状态。我建议您在标签之间放置一个文本，以确保搜索引擎可以为您的导航编制索引。您可以再次使用CSS来使实际文本不可见（负文本 - 缩进通常是要去的方式）