Javascript-форум - Функция задержки

Страница 2 из 3

Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)

- Internet Explorer (https://javascript.ru/forum/css-html-internet-explorer/)

- - Функция задержки (https://javascript.ru/forum/css-html-internet-explorer/11360-funkciya-zaderzhki.html)

Golovastik

19.08.2010 23:01

Я хочу чтоб выезжала как картинка, это масив нужно создавать а оптом циклом проходится ил как? Я вообще думаю может нужно, как-то вот так b.style.top = '200px'; получать доступ в цикле и менять позицию может так надо?
Но как изменять пиксели за каждой итерацией?

Golovastik

19.08.2010 23:55

Какой-то бред немного выходит, не работает, выдаёт ошибку что в строке 26, символ 1 ожидается объект.

Код:

<html>

        <html>

        <head><title>Привет</title>

        <script type='text/javascript'>

      var a,pause;



function f(){

var a = document.getElementById('maksImg');

a.style.display = 'block';



for(var i=0; i<10; i++){

a.style.top = '0px'+'1px';



};

};

 

        </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:0px;"><img src='2.gif' ></div> <br><br>

         

        </body>

        </html>

Golovastik

20.08.2010 01:04

Вот так вроде сработало.

<html>
	<head><title>Привет</title>
	<script type='text/javascript'>
      var a,pause;

var id, i, dir;

function g(){
var a = document.getElementById('maksImg');
a.style.top = (i<50)?i:'50'+'px';
if (dir==1) i++; else i--;
if (i >= 70) dir=-1;
if (i < -90) {
clearInterval(id);
a.style.display = 'none';
}}

function f(){
var a = document.getElementById('maksImg');
a.style.display = 'block';

i=-90;dir=1;
id = setInterval("g()",50);

}
 
	</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>

рони	20.08.2010 03:55

осталось паузу добавить )))

var a, pause = 3000,
    id, i, dir;

function g() {
    var b = document.getElementById("maksImg");
    b.style.top = i < 50 ? i : "50px";
    if (dir == 1) i++;
    else i--;
    if (i >= 50) {
        dir = -1;
 *!*       
       clearInterval(id);
        window.setTimeout('id = setInterval("g()",50)', 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()", 50)
};

ksa	20.08.2010 08:41

inGray, таки добавить цикл + задержку в нем... Начнёт "выезжать". :)

inGray

20.08.2010 11:01

ksa,
;) Именно.

Golovastik

20.08.2010 14:26

Скажите пожалуйста ,а как сделать такие кнопки на Яваксрипт синие, чтоб такое происходило при наведении мышкой как на этом сайте
http://213.248.58.131/

Sweet

20.08.2010 14:33

Цитата:

Сообщение от Golovastik

Скажите пожалуйста ,а как сделать такие кнопки на Яваксрипт

Прежде чем бежать задавать вопрс, мог бы в исходный код глянуть:

<a class="linkin2" id="menu2" onmousemove="style.cssText='background-image:url(val/anibtn.gif)';" onmouseout="style.cssText='background-image:url(val/btn.gif)';" style="background-image:url(val/anibtn.gif)">

Golovastik

20.08.2010 16:52

Так там когда навёл на синюю кнопку она несколько раз уменьшается, а не просто изменилось на другую картинку 1 раз и всё. Сколько там картинок использовалось?

Sweet

20.08.2010 17:29

Цитата:

Сообщение от Golovastik

Ты что, думаешь я какие-то предположения думаю?
Вот это:

<a class="linkin2" id="menu2" onmousemove="style.cssText='background-image:url(val/anibtn.gif)';" onmouseout="style.cssText='background-image:url(val/btn.gif)';" style="background-image:url(val/anibtn.gif)">

код, выдернутый с того сайта. Анимация там делается одной вот этой гифкой.

Часовой пояс GMT +3, время: 07:47.

Страница 2 из 3

Показывать 40 сообщений этой темы на одной странице