Пробую для эксперимента написать чтоб при нажатии на кнопку происхдила задержка картинки, но при нажатии на кнопку ничего не происходит, не знаю почему, как исправить? Код (Text): <html> <head><title>Привет</title> <script type='text/javascript'> var a,b,timeout,zadershka; function f(){ zadershka = setTimeout( function() { if(!b) b = document.getElementById('maks'); b.style.display='block';}, 2000); }; </script> </head> <body> Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br> Такого пса я не видел никогда в жизни в этом мире. Вот что<br> значит настоящая псина.Такой псины я <br> не видал за все свои 20 лет жизни. Это была одна из лучших <br> псин,среди тех когда мне приходилось видеть собак. <br> <input type='button' value='кнопка' id='maks' onClick='f3()'> <div id="tak" style="display:none; position:absolute; left:300px; top:0px;"><img src='2.gif' ></div> <br><br> </body> </html>
Исправил. Вот так тоже не работает. Код (Text): <html> <head><title>Привет</title> <script type='text/javascript'> var a,b,timeout,zadershka; function f(){ zadershka = setTimeout( function() { if(!b) b = document.getElementById('maks'); b.style.display='block';}, 2000); }; </script> </head> <body> Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br> Такого пса я не видел никогда в жизни в этом мире. Вот что<br> значит настоящая псина.Такой псины я <br> не видал за все свои 20 лет жизни. Это была одна из лучших <br> псин,среди тех когда мне приходилось видеть собак. <br> <input type='button' value='кнопка' id='maks' onClick='f()'> <div id="maks" style="display:none; position:absolute; left:300px; top:0px;"><img src='2.gif' ></div> <br><br> </body> </html> Я хочу при нажатии на кнопку, чтоб картинка повисела 2 секунды и исчезла Так не выходит.
Элемент ID может быть только один на странице... У тебя просто выбирает не тот элемент. <input type='button' value='кнопка' id='maks' onClick='f()'> <div id="maks" style="display:none; position:absolute; Исправь в диве на другой идентификатор.
Спс, сделал. Скажите пожалуйста ,а как сделать такие кнопки на Яваксрипт синие, чтоб такое происходило при наведении мышкой как на этом сайте http://213.248.58.131/
так это не кнопки а обчыные дивы, посмотрите исходный текст страницы, там всё видно, что при наведении на кнопку сменить стиль и всё. можно это в css: [css] .class:hover{color:red;}[/css] ну что-то около этого
Так там когда навёл на синюю кнопку она несколько раз уменьшается, а не просто изменилось на другую картинку 1 раз и всё. Сколько там картинок использовалось?
Golovastik Ёпт, там используются паршивые GIF-ки, прикрученные коряво к CSS через JavaScript: http://213.248.58.131/val/anibtn.gif
По поводу предыдущего кода. Код (Text): <html> <head><title>Привет</title> <script type='text/javascript'> var a, pause = 1500, id, i, dir; function g() { var b = document.getElementById("maksImg"); b.style.top = i < 50 ? i : "50"+"px"; if (dir == 1) i++; else i--; if (i >= 50) { dir = -1; clearInterval(id); window.setTimeout('id = setInterval("g()",1)', pause); } if (i < -90) { clearInterval(id); b.style.display = "none" } } function f() { // if(id)clearInterval(id); document.getElementById("maksImg").style.display = "block"; i = -90; dir = 1; id = setInterval("g()", 10); } </script> </head> <body> Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br> Такого пса я не видел никогда в жизни в этом мире. Вот что<br> значит настоящая псина.Такой псины я <br> не видал за все свои 20 лет жизни. Это была одна из лучших <br> псин,среди тех когда мне приходилось видеть собак. <br> <input type='button' value='кнопка' onClick='f()'> <div id="maksImg" style="display:none; position:absolute; left:100px; top:-90px;"><img src='2.gif' ></div> <br><br> </body> </html> Возникла проблема нельзя сделать резкий выезд, остановку и заезд назад картинки вверх браузера этим кодом, она движется но не резко, даже если сетинтервал поставить в 1, резко двигаться не будет картинка, что можно сделать?