Сообщение от Artemyi
|
как переделать скрипт
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<!--
-->
<style>
.bottom-text
{
cursor:pointer;
text-align:center;
}
.txt
{
display:none;
border:1px solid #000;
width:300px;
padding:5px;
position:absolute;
background: white;
}
</style>
<script>
$(_ => {
$(".bottom-text").mousemove(function(e){
$(this).next().next().css({"display" : "block","left" : e.pageX-305+"px","top" : e.pageY+25+"px"});
}, function(e) {
$(this).next().next().css("display","none");
})
})
/*
document.addEventListener('DOMContentLoaded', _ => {
})
*/
</script>
</head>
<body>
<p class="bottom-text">Подсказка №1 ?</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. ... </p>
<p class="txt" style="display: none;">1 Текст подсказки который необходимо показать при наведение на знак вопроса</p>
<p class="bottom-text">Подсказка №2 ?</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. ... </p>
<p class="txt" style="display: none;">2 Текст подсказки который необходимо показать при наведение на знак вопроса</p>
</body>
</html>