2011-10-02 22 views
0

我想構建一個以javascript,PHP和CSS製作的應用程序,但我被困在一個愚蠢的地方。 我想做一個菜單來加載名爲「零」的iframe中的鏈接。 它的工作原理現在我想要讓你在鏈接上點擊鏈接的背景變成藍色,當你點擊另一個鏈接時,背景變回白色,鏈接變成藍色,等等。 困難的部分是,我有這樣的所有鏈接:我正在嘗試製作當前類的CSS和Javascript菜單

index.php?act = page_name,因此它們實際上是相同的頁面,它的不同部分,加載到另一個iframe中。

,我有一個Javascript功能來做到這一點:

function grafice() { 
     document.getElementById("grafice").setAttribute("class", "current"); 
     window.open('index.php?act=grafice_comenzi','zero'); 
    } 

其中「當前」是這樣的:

#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover 
    { 
     background:#80BFFF; 
     color:#333333; 
     border-top:solid 1px #0099FF; 
     border-bottom:solid 1px #0099FF; 

    } 

我如何去下一個,我想,當我點擊另一個鏈接,東西在JavaScript中告訴以前的鏈接再次變白。

這裏是我的網頁的鏈接至今:

http://www.guku.byethost31.com/temp/

誰能幫助我嗎?

回答

0

我想這樣做: 單擊鏈接後,將其背景顏色更改爲藍色,同時將頁面中其餘鏈接的背景顏色更改爲白色。 (elementName.style.background:....)

另一個建議較少的選項是創建一個隱藏的輸入字段,其中存儲您單擊的鏈接的ID。點擊另一個鏈接後,您可以檢索存儲在隱藏字段中的ID並將其背景顏色更改爲白色。

祝你好運。

+0

好吧,第一個想法是更好,因爲我想保持這個頁面輕,在85kb以下,但是...我對Javascipt的知識非常有限,我更喜歡CSS和PHP。我怎樣才能做到這一點 ? elementName.style.background的東西? 你能幫我一個代碼,就像把它添加到我自己的代碼中一樣,這樣我就能知道它了嗎? 此外,我在我的頁面上做了一些更多的工作,查看它,查看源代碼,現在每個鏈接在點擊時都會改變顏色。 非常感謝! –

+0

試試這個頁面,我在Google上找到了一個類似的腳本,但我不知道它是如何做到的。 你能幫我理解嗎? http://guku.byethost31.com/temp/tester.php –