設計一個針對iframe的活動鏈接

我有這個html代碼鏈接的目標是一個iframe。所以我想添加一些風格，突出顯示鏈接。我想使活動鏈接只用CSS（或/用php）突出顯示，我試圖避免使用javascript。設計一個針對iframe的活動鏈接

下面是代碼：

<ul> 
    <li><a href="http://en.wikipedia.org/wiki/Rhenium" target="box">Rhenium</a></li> 
    <li><a href="http://en.wikipedia.org/wiki/Tellurium" target="box">Tellurium</a></li> 
    <li><a href="http://en.wikipedia.org/wiki/Tin" target="box">Tin</a></li> 
</ul> 

<iframe name="box" src="http://en.wikipedia.org/wiki/Rhenium"></iframe>

最佳視圖：http://jsfiddle.net/WB8e8/

我已經與不同的選擇器（〜+>）嘗試了很多的CSS花樣，包括非顯示iframe和合並它與<李>，但它只會變得混亂，並使CSS大小。我也試過一些PHP條件，我無法完成一個結果。那麼，如何使這項工作？ iframe顯示url的內容時如何製作突出顯示的鏈接？

來源

2013-07-25 Frederic Kizar

爲什麼不一些JavaScript？

$(function() { 
    $('ul li').click(function() { 
    $(this).addClass('active').siblings().removeClass('active'); 
    }); 
});

DEMO

來源

2013-07-25 15:34:57

我想因爲原來的海報說「我試圖避免JavaScript。」 –

如何在php中使用它？ –

那麼，因爲這個例子使用的是jQuery，所以你必須在你的頁面中包含一個對jQuery的引用，然後你必須在''標籤中包含這個腳本，或者在不同的文件中引用它。只需查看如何將JS包含在PHP或HTML頁面中即可。 –

您可以使用CSS3屬性選擇：

a[target="box"]:active { 
    font-weight:bold; 
}

來源

2013-07-25 15:32:46

我想它的風格，只有當IFRAME的顯示內容 –

你絕對需要，以設置狀態來使用JavaScript。 CSS不能做到這一點。我首先想到的是 –

;這就像調節。如何PHP？ –

設計一個針對iframe的活動鏈接

回答

相關問題