爲交換iframe內容的菜單項動態分配'sticky'選擇狀態

我是JavaScript新手，無法找到解決/解決問題的現有答案。我的基本工作設置是這樣的：爲交換iframe內容的菜單項動態分配'sticky'選擇狀態

網站在左側有一個菜單，相應的頁面內容被加載到右側的iframe中。點擊一個菜單鏈接交換顯示在iframe中的.htm，這是用javascript完成的。對鏈接的懸停效果是透明菜單圖像的CSS背景顏色更改。

這些方面工作正常！看看相關的代碼部分：

<head> 
<script type="text/javascript"> 
    function change_frame(srcURL) { 
     if (!srcURL) { return } 
     var a_frame = document.getElementById('frame1'); 
     a_frame.src = srcURL; 
    } 
</script> 
</head> 
<body> 
<div class="menu_lft"> 
    <div class="rollover"> 
     <a href="javascript:change_frame('media_nasd.htm')"><img src="img/cpf/clp_nas.gif" width="160" height="9" border="0" /><br /></a> 
     <a href="javascript:change_frame('media_ibm.htm')"><img src="img/cpf/clp_ilm.gif" width="160" height="9" border="0" /><br /></a> 
     <a href="javascript:change_frame('media_indo.htm')"><img src="img/cpf/clp_dgt.gif" width="160" height="9" border="0" /><br /></a> 
     <a href="javascript:change_frame('media_att.htm')"><img src="img/cpf/clp_att.gif" width="160" height="9" border="0" /><br /></a> 
     <a href="javascript:change_frame('media_the.htm')"><img src="img/cpf/clp_the.gif" width="160" height="9" border="0" /><br /></a> 
     <a href="javascript:change_frame('media_ibs.htm')"><img src="img/cpf/clp_ibs.gif" width="160" height="9" border="0" /><br /></a> 
    </div> 
</div> 
<div class="content"> 
    <iframe frameborder="0" width="100%" height="600" id="frame1" name="frame1" src="media_nasd.htm"></iframe> 
</div> 
</body>

注：默認情況下（即，當第一次訪問主頁）最頂端的鏈接的內容加載到iframe中。

現在我的問題，我該如何動態地將「選定」狀態分配給所選菜單項？

我的菜單行爲類：

.rollover a { display:block; width:160px; height:9px; margin-bottom:4px; 
     background-color: #fff; 
    } 
    .rollover a:hover { background-color: #dddedf; }  
    .rollsel { background-color: #fcc; }

我的意思：爲被點擊的菜單項，改變內容的IFRAME顯示，類.rollsel或樣式=「背景色：＃ fcc「應顯示以指示相關性，即只要相關iframe內容正在被查看，即」stick「。

這似乎應該有可能通過擴展/添加到JavaScript ...動態插入所用鏈接的樣式更改？

但我不知道如何去了解它:(有人可以請告知 - 感謝您的支持

來源

2013-05-06 mariann

我認爲，去它的最好辦法是創造一個額外的CSS類（即：。 rolloverselected或類似的東西），並使用JavaScript來改變所選項目的類別，最簡單的方法可能是使用jQuery框架（例如jQuery）來簡化代碼，請記住，無論何時更改所有其他類的元素必須「重置」爲默認類。

希望我給你一個關於如何去掉它的想法:)

來源

2013-05-06 10:23:22

爲交換iframe內容的菜單項動態分配'sticky'選擇狀態

回答

相關問題