Как сделать всплывающее сообщение при наведении мышкой, чтоб оно появлялось, а потом простояв 4 сек. опускалось вниз обратно? Вот попробовал так ,что-то не выходит. Как надо? Код (Text): <html><head> <title>Тренировочный документ</title> <script type='text/javascript'> function im(){ document.write('<img style='margin-left:500px; margin-top:400px;' src="1.gif" alt='Подсказка'>'); } function bounty(){ setTimeout("im(),4000"); } </script> </head> <body> <input type='button' value='knopka' onClick='bounty()'> </body> </html>
setTimeout + не использовать document.write, т.к. он не работает в таком контексте. Вам нужно document.createElement.
Как сделать чтоб при наведении мышкой на ссылку, всплывало мое изображение с задержкой 4 секунды. один посоветовал так.Написал так, при наведении мышкой на ссылку в браузере ИЕ, выдаёт сообщение. Требуется объект Строка 11 Символ 5 Код (Text): <html><head> <title>Тренировочный документ</title> <script type='text/javascript'> var bounty_obj = document.getElementById('hint'); function bounty_show() { if (bounty_hide.T) { clearTimeout(bounty_hide.T); bounty_hide.T = 0; }; bounty_obj.style.display = 'block'; }; function bounty_hide() { if (bounty_hide.T) { clearTimeout(bounty_hide.T); bounty_hide.T = 0; }; bounty_hide.T = setTimeout(function(){ bounty_obj.style.display = 'none'; bounty_hide.T = 0; }, 4000); }; </script> </head> <body> <a href='page.html' onMouseOver='bounty_show()' onMouseOut='bounty_hide()'>Переход в будующее</a> <div id="hint" style="display:none"><img src='1.gif' alt='Информация'></div> </body> </html>
Всё исправил. Ещё момент, скажите как сделать, чтоб картинка выехала, постояла 2 секунда и опять заехала. Думаю что цикл нужен и смена координат за каждой итераций, но как именно это в коде написать не знаю. Подскажите как это сделать. Заранее благодарю.
Golovastik ну эффекты выезда и въезда =) хорошо работают на jquery - париться не надо. останется только таймер прикрутить на первое и второе.
JAvaScript как такое на нём примерно делается? По поводу предыдущего кода: В функции bounty_show() Там делается сравнение Код (Text): if (bounty_hide.T) { clearTimeout(bounty_hide.T); bounty_hide.T = 0; Что будет означать вот это с точкой bounty_hide.T в сравнении? Это значит доступ через мою созданную функцию с именем bounty_hide к какой-то другой переменной находящейся в другой функции что ли? Меня смущает .Т, почему она может ещё и добавлятся к названию любой функции где угодно?
Вот так вроде меньше код. Код (Text): <html><head> <title>Тренировочный документ</title> <script type='text/javascript'> var bounty_obj; window.onload = function(){ bounty_obj = document.getElementById('hint'); } function bounty_show() { bounty_obj.style.display = 'block'; }; function bounty_hide() { setTimeout(function(){ bounty_obj.style.display = 'none'; }, 4000); }; </script> </head> <body <a href='page.html' onMouseOver='bounty_show()' onMouseOut='bounty_hide()'>Переход в будующее</a> <div id="hint" style="display:none"><img src='1.gif' alt='Информация'></div> </body> </html>
Не ясно место: Код (Text): 1)То есть если свойство с именем Т которое получило значение от анонимной функции, то есть если оно его получило,которая что-то возвратила не равна нулю, а чему-то равна? Вот это имеется ввиду в этом месте? if (bounty_hide.T) { 2)Как можно обращаться к свойству Т, если оно определено ниже, а сравнение идёт выше, использование свойства с именем Т, объекта bounty_hide 3)Что означает .Т - это свойство объекта bounty_hide?
Вот упрощённый код: [js] <html> <head><title>Document</title> <script type='text/javascript'> var a,timeoutik; function f1(){ if(timeoutik){ clearTimeout(timeoutik); timeoutik = 0; }; if(!a) a = document.getElementById('tik_tak'); a.style.display = 'block'; }; /*_____________________________________________________________*/ function f2(){ if(timeoutik){ clearTimeout(timeoutik); timeoutik = 0; }; timeoutik = setTimeout(function(){ if(!a) a = document.getElementById('tik_tak'); a.style.display = 'none'; },2000); }; </script> </head> <body> <a href='page.html' onMouseOver='f1()' onMouseOut='f2()'>Жми на меня</a> <div id="tik_tak" style="display:none; position:absolute; left:10px; top:35px;"> <img src='1.gif' alt='фотка'></div> </body> </html> [/js] 1)А почему обработчик событий onMouseOut='bounty_hide()'> засовывается в онлоад,то есть когда пользователь увёл мышку от текста? 2)Как может в этой функции Код (Text): function bounty_show() { if (bounty_hide_timeout) { clearTimeout(bounty_hide_timeout); bounty_hide_timeout = 0; }; if (!bounty_obj) bounty_obj = document.getElementById('hint'); bounty_obj.style.display = 'block'; }; происходит проверка if (bounty_hide_timeout) { на то, содержит ли переменная bounty_hide_timeout что нибудь, если bounty_hide_timeout получает своё значение в теле совсем другой функции,которая находится ниже?
3)clearTimeout(timeoutik); Без этой строки также работает, значит можно её убрать просто написав timeoutik = 0; ?