如何使用javascript在textover的某個地方顯示文本/信息

Question

http://www.baelkopat.com/GECCo/goingGreenTest.html是我到目前爲止。我需要學習的是如何在用戶mouseOver的鏈接中顯示附加文本。即當「活動指南（PDF）」上的用戶mouseOver顯示「下載和打印....」時。 我對使用ActionScript的經驗並不是很新，對JavaScript很有幫助。我想知道如何使mouseOver效果發生。

懸停DIV是使用CSS

overTextA {

position:absolute; 
left:190px; 
top:7px; 
width:280px; 
padding:10px 15px; 
background-image:url(../images/navMenuOver.png); 
background-repeat:no-repeat; 
z-index:3; 

}

overTextB裝箱{

position:absolute; 
left:190px; 
top:40px; 
width:280px; 
padding:10px 15px; 
background-image:url(../images/navMenuOver.png); 
background-repeat:no-repeat; 
z-index:3; 

}

和在HTML

<div id="overTextA"> Download and print a PDF-version of the Junior <i>Going Green with GECCo</i> guide, with activity information, instructions, and resources. </div> 

<div id="overTextB"> Take the <i>GECCo Challenge !</i> Help our planet by saving energy AND earning money for conservation.</div> 

我不知道那是做的最好的辦法，但現在我只想有一個可行的工作版本，顯示了導航鏈接，相應的文本時mouseOver。

謝謝，雷克斯

Answer 1

你可以用一種直接的方式使用圖書館像jQuery實現這一目標。 這裏是將引導您使用.hover()功能教程：

http://www.learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything

澄清：

添加/刪除你的類懸停元素，加入將顯示它，刪除或隱藏它將把文本元素帶走。當你不想過度使用JS時，jQuery非常有用。希望有所幫助！