將鼠標懸停在描述上Javascript

我需要一些JavaScript幫助，如果我將鼠標移動到某些文本上，這將幫助我在div元素內創建懸停在文本描述上的鼠標懸停。並且這個描述將隨着鼠標移動鼠標。從文本中刪除鼠標後，懸停在文本上將消失。所有這些都需要在純JavaScript而不是JQUERY的幫助下完成。將鼠標懸停在描述上Javascript

謝謝

來源

2014-03-03 user3350333

多少錢你付我爲這個 – fiction

您是否嘗試過實施這個自己？請在一些代碼中編輯。 – aleclarson

你試圖自己做多少？請發佈您迄今爲止編寫的任何代碼。一般來說，你應該有'onmousemoved'事件處理程序。在處理程序中，您需要使用'event.clientX'和'event.clientY'屬性來更改描述的位置。 – mrtig

這裏的基本原理是：

<!DOCTYPE html> 
<html> 
<head> 
<script> 
function moveDescrip(event) 
{ 
    var d = document.getElementById("descrip") 
    var x=event.clientX; 
    var y=event.clientY; 
    d.style.top = y + "px"; 
    d.style.left = x + "px"; 
} 
function showDescrip(show) 
{ 
    var d = document.getElementById("descrip"); 
    d.style.visibility=show ? "visible" : "hidden"; 
} 
</script> 
</head> 

<body> 

<div 
    onmouseover="showDescrip(true)" 
    onmouseout="showDescrip(false)" 
    onmousemove="moveDescrip(event)" 
    style="border: 1px solid black; width: 200px; height:300px" > 
    Description div will follow your mouse while you hover over.   
</div> 

<div id="descrip" style="position:absolute; visibility:hidden">description</div> 

</body> 
</html>

來源

2014-03-03 00:17:44 mrtig

儘管您的答案可能非常好，但請了解，要求代碼本身並未嘗試實施任何代碼的問題是無關。通過回答這些特定問題，您正在推動更多用戶發佈類似這樣的主題問題。 –

是啊 - 公平點。 – mrtig

將鼠標懸停在描述上Javascript

回答

相關問題