帶圖像的頁面導航識別

我的網頁上有導航元素，關於我們，我們做什麼，客戶，聯繫我們等.....所有這些都只是圖像。不是文字。我可以根據$選擇的值識別選擇哪個頁面。當$選擇==約，那麼我想關於我們的默認圖像是像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>

來源

2010-11-22 Scorpion King

您應該爲``元素指定`id`，然後使用`document.getElementById（'id '）.src` – drudge 2010-11-22 22:10:32

將代碼格式化爲不需要水平滾動條會對其他人有所幫助 – 2010-11-22 22:20:06

該解決方案位於您自己的代碼中。

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

來源

2010-11-22 22:12:50

您可能會考慮使用這些mouseover效果的CSS，而不是您在此處使用的內嵌JavaScript。 A List Apart有some useful information。

「選定」類可用於在背景圖像上觸發第三個「活動」狀態。我建議你在標籤之間放置一段文字，以確保搜索引擎可以爲你的導航編制索引。您可以再次使用CSS來使實際文本不可見（負文本縮進通常是前進的方向）

來源

2010-11-22 22:14:13 julesj

帶圖像的頁面導航識別

回答

相關問題