如何安裝翻車

一個JS代碼，我用Google搜索側翻代碼，發現一個好像它應該在這個地址的工作：http://www.dnolan.com/code/js/rollover/。它可能有效，但是......嘿嘿......我不知道如何「爲我的文檔中的任何圖像創建翻轉狀態」。 Nolan先生給出的指示意味着它比在文檔頭中安裝代碼更簡單，因此不需要解釋，但可悲的是，我的情況並非如此。如何安裝翻車

我需要它我的Navbar，它由8倍圓形的圖像，在與相同尺寸和形狀的圖像懸停要被替換的行的，但具有不同的顏色。

可以在任何你才華橫溢的人在丟失的信息填寫？我只需要沒有相應示例的部分 - 我已經在標記和標題中找到了部分，並對圖像名稱進行了適當更改。或者如果你可以成爲一個真正的桃子，並且一步一步地給我整個事情，我會永遠感激。

<div id="header"> 
    <div id="home"><a href="feather.html"><img src="images/buttons/home.png" width="89"  height="89" alt="Home"></a></div> 
    <div id="security"><a href="security.html"><img src="images/buttons/security_o.png" width="89" height="89" alt="Security"></a></div> 
    <div id="phase_1"><a href="phase_1.html"><img src="images/buttons/phase_1.png" width="89" height="89" alt="Phase 1"></a></div> 
    <div id="phase_2"><a href="phase_2.html"><img src="images/buttons/phase_2.png" width="89" height="89" alt="Phase 2"></a></div> 
    <div id="phase_3"><a href="phase_3.html"><img src="images/buttons/phase_3.png" width="89" height="89" alt="Phase 3"></a></div> 
    <div id="basic_package"><a href="basic_package.html"><img src="images/buttons/basic_package.png" width="89" height="89" alt="Basic Package"></a></div> 

#header { 
background-image: url(images/complete_header.jpg); 
background-repeat: no-repeat; 
height: 391px; 
width: 900px; 
position: relative; 
} 

#home { 
width: 89px; 
height: 89px; 
position: absolute; 
top: 199px; 
left: 91px; 
}

除了左側定位，其他7個按鈕的CSS完全相同。

來源

2013-02-07 Paul Osborne

請在您的問題中發佈其中一個導航項目的CSS + HTML代碼示例。 –

我添加了代碼。需要幫助請叫我。我可以做的任何事情來幫助你。 –

我想你應該只需要添加一個類的imgover您要使用翻轉每一個形象。

例如通過<img src="sample.jpg" alt="Some Image" class="imgover">更換<img src="sample.jpg" alt="Some Image">在你的代碼，並創建一個sample_o.jpg圖像

來源

2013-02-07 21:35:17 edi9999

而你需要'sample_o.jpg'。 –

有沒有需要使用CSS？ –

是的，沒有CSS需要！ – edi9999

剛剛看了你的鏈接有點futher：

爲您的文檔中的任何圖像，您將需要創建一個翻轉狀態，該圖像的唯一要求是它的名稱與原始圖像完全相同，但名稱末尾需要_o。

所以，如果你有一個圖像foo.jpg，它期望你有一個foo_o.jpg用翻轉代替它。

當然，這是更好的CSS和使用精靈來完成。谷歌搜索應該會帶來很多結果。這是爲我提供的first example。

來源

2013-02-07 21:36:10

我認爲這會非常有幫助，謝謝。 –

如何安裝翻車

回答

相關問題