автоматическое появление текста, а мне надо чтоб при наведении
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript"> var time_reserve = 2000; // время, через которое появляется
var x_space = 0; // расстояние от курсора по x
var y_space = 10; // расстояние от курсора по y
window.onload = function() {
var tooltip = document.getElementById("tooltip");
window.setTimeout(function(){
document.body.onmousemove = function(e) {
tooltip.style.left = (e ? e.pageX : event.clientX + document.body.scrollLeft) + x_space;
tooltip.style.top = (e ? e.pageY : event.clientY + document.body.scrollTop) + y_space;
}
tooltip.style.display = 'block';
}, time_reserve);
}
</script>
<style type="text/css">
#tooltip {
background: gray;
position: absolute;
display: none;
}
</style>
Сейчас отсюда вылетит птичка!
<div id="tooltip">Очевидное очевидно</div>
</body>
</html>
Код показывает текст сам через 2 сек.А мне надо чтоб появлялся при наведении как?? |
надо почитать теорию, тебе не кажется ?
спизж-й скрипт править никому не охота, кроме тебя |
Можно попробовать так:
<html>
<body>
<script type="text/javascript">
window.onload = function() {
var tooltip = document.getElementById("tooltip");
document.body.onmousemove = function(e) { //При движении мыши
tooltip.style.left = e.clientX; //Координаты мыши X
tooltip.style.top = e.clientY+10; //Координаты мыши Y+10
tooltip.style.display = 'block'; //Показывать
}
}
function offmouse(){
tooltip.style.display = 'none'; //При убирании с текста скрываем
}
</script>
<style type="text/css">
#tooltip {
background: gray;
position: absolute;
display: none;
}
</style>
Сейчас отсюда вылетит птичка!
<div id="tooltip" onmouseout="offmouse();">Очевидное очевидно</div> //При наведении на текст вызываем
</body>
</html>
Однако возможны косяки Хотя нет, кажется бред я тут написал. |
Цитата:
Сделаете хоть что-то сами, не просто скопируйте код и "а почему не работает??". |
| Часовой пояс GMT +3, время: 22:56. |