Onmouseover爲一個按鈕來顯示一個說明框

-1

我想要一個小文本框彈出並保持不動，直到沒有該按鈕的onmouseover了。Onmouseover爲一個按鈕來顯示一個說明框

當我將鼠標放在按鈕上時，如何獲取一個小框以彈出自定義文本，並且一旦移動鼠標就會消失？

感謝很多:)

2016-01-03 Anca Ioana Grigore

預計您至少會嘗試自行編寫此代碼。堆棧溢出不是代碼寫入服務。我建議你做一些額外的研究，無論是通過谷歌或通過搜索，做一個嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您嘗試過的以及爲什麼它不起作用。 –

請回顧[**如何問**]（http://stackoverflow.com/help/how-to-ask）關於Stack Overflow的問題以及可以詢問哪些類型的問題**（http： //stackoverflow.com/help/on-topic）和什麼類型[**應該避免。**]（http://stackoverflow.com/help/dont-ask） –

這裏問這個問題http：// stackoverflow.com/questions/3559467/description-box-using-onmouseover/26160910#26160910 – Uila

使用JavaScript。（下一次做出嘗試：d）

function in_out(e){ 
 
if(e.type=='mouseover'){ 
 
\t document.getElementById('textbox').style.display='inline'; 
 
    } 
 
else if(e.type=='mouseout'){ 
 
\t document.getElementById('textbox').style.display='none'; 
 
\t } 
 
} 
 

 

 
document.getElementById('button').addEventListener('mouseover',in_out,false) 
 
document.getElementById('button').addEventListener('mouseout',in_out,false)

#textbox { 
 
    width:100px; 
 
    display:none; 
 
}

<input type='text' id='textbox'> 
 
<br> 
 
<button id='button'> 
 
hover here 
 
</button>

來源

2016-01-03 11:30:11 repzero

你可以不用JavaScript的HTML只是和markeup CSS

<a href="#" class="popup"> 
    Tooltip 
    <span> 
     <strong>Most Light-weight Tooltip</strong><br /> 
     This is the easy-to-use Tooltip driven purely by CSS. 
    </span> 
</a> 
</div>

使span元件display:none and onhover使它可見請參閱我的FIDDLE

來源

2016-01-03 11:56:42 Gintoki

Onmouseover爲一個按鈕來顯示一個說明框

回答

相關問題