|
|
|
| Мне нужно сделать динамически появляющийся возле курсора при наведении на ссылку и убирающийся div. Как сделать его появление в определённом месте я знаю:
<a id="1" href="url.html" omouseover="put_div(this.id)" onmouseout="del_div()">Ssilka</a>
<script>
function put_div(a_id)
{
if(document.getElementById('prev_div1')){document.body.removeChild(document.getElementById('prev_div1'));}
var prev_div1=document.createElement('div');
prev_div1.innerHTML=a_id;
prev_div1.setAttribute('style','position:absolute;top:0px;left:0px;background-color:99CCFF;width:150px;height:70px');
prev_div1.setAttribute('id','prev_div1');
document.body.appendChild(prev_div1);
}
function del_div()
{
if(document.getElementById('prev_div1')){document.body.removeChild(document.getElementById('prev_div1'));}
}
</script>
|
Но не знаю, как привязать его к курсору мыши? | |
|
|
|
|
|
|
|
для: coloboc66
(12.03.2008 в 14:08)
| | при событие omouseover запускать таймер / setTimeOut("функция", 1000);/ и перерисовывать положени div, по onmouseout убивать таймер.
или воспользовать готовым решением всплывающая подсказка | |
|
|
|
|
|
|
|
для: AlexSol
(12.03.2008 в 14:18)
| | to AlexSol: привет!
Чего-то это готовое решение у меня не очень хорошо работает: текст последней ссылки не убирается с экрана. То есть как бы не хватает события onmouseout. | |
|
|
|
|
|
|
|
для: coloboc66
(12.03.2008 в 14:49)
| | ну, значит свое писать надо или другое посмотреть... у меня проблем таких нет. | |
|
|
|
|
|
|
|
для: AlexSol
(12.03.2008 в 14:55)
| | Разобрался - нужно было просто подключить функцию UnTip. Классная штучка! Спасибо!!! Только непонятно, для чего в архиве упакованы ещё два файла: tip_centerwindow.js и tip_followscroll.js Для чего они?
P.S. to AlexSol: а по тому моему вопросу (ты помнишь) я пока приостановился. Возникла другая задача пока. | |
|
|
|