JavaScript — зависание на Div

Зависание на Div

Начальный ответ

Javascript,

 document.getElementById("current-page").addEventListener("mouseover", function(e) { e.target.innerHTML = "change text"; }); 

JQuery,

 $('#current-page').hover(function(){ $(this).html("change text") }) 

Рабочий пример: https://jsbin.com/yomeyesuxu/edit?html,css,js,output

подсказка

Вы можете следовать что-то вроде этого,

 $('#current-page').hover(function(){ $(this).find('.page-title').toggle() }) 
 .page-title { position: absolute; background: #000; color: #fff; top: 10px; left: 0; z-index: 999; display: none } #current-page { position: relative; } 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div id="current-page"{amp}gt; hover on me {amp}lt;span class='page-title truncate-text'{amp}gt;Test{amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; 

Только CSS,

 .page-title { position: absolute; background: #000; color: #fff; top: 10px; left: 0; z-index: 999; display: none } #current-page { position: relative; } #current-page:hover .page-title { display: block; } 
 {amp}lt;div id="current-page"{amp}gt; hover on me {amp}lt;span class='page-title truncate-text'{amp}gt;Test{amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector