X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Мигающие точки
feboll
feboll
Topic Starter сообщение 20.4.2012, 16:12; Ответить: feboll
Сообщение #1


Люди нужна помощь. Как сделать мигающие точки при ожидании выполнения действия? Суть в том, что есть обычные три точки, которые должны мигать по очереди.
может цикл нужен типа while или for? но я никак не допру
заранее спасибо
я использовал вот такой код
[JS]function tochka1() { $("#dialog span.tochka1").fadeIn(500).delay(500).fadeOut(500)};
setTimeout(tochka1, 500)
function tochka2() {$("#dialog span.tochka2").fadeIn(500).delay(1000).fadeOut(500)};
setTimeout(tochka2, 500)
function tochka3() {$("#dialog span.tochka3").fadeIn(500).delay(1500).fadeOut(500)};
setTimeout(tochka3, 500)
[/JS]
но после одного прохода мигания они начинают мигать рандомно. как это исправить?
заранее спасибо
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 20.4.2012, 16:52; Ответить: Azazaza_hb
Сообщение #2


как вариант
[JS]
function loading(){
setTimeout('$("#dialog span.tochka1").fadeTo(500, 0).delay(500).fadeTo(500, 1)', 500);
setTimeout('$("#dialog span.tochka2").fadeTo(500, 0).delay(500).fadeTo(500, 1)', 1000);
setTimeout('$("#dialog span.tochka3").fadeTo(500, 0).delay(500).fadeTo(500, 1)', 1500);
setTimeout(loading, 2000);
}
loading();
[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
feboll
feboll
Topic Starter сообщение 20.4.2012, 17:01; Ответить: feboll
Сообщение #3


Круто. Расцеловал бы. огромное спасибо!!!!!!! а вот еще вопрос, чтобы задержка перед запуском была меньше, что нужно сделать? а то при появлении окошка с этими точками оно не сразу моргает а спустя какое-то время)))
Еще раз огромное спасибо)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 20.4.2012, 17:43; Ответить: Azazaza_hb
Сообщение #4


Да, можно убрать первый таймаут, остальные уменьшить
[JS]
function loading(){
$("#dialog span.tochka1").fadeTo(500, 0).delay(500).fadeTo(500, 1);
setTimeout('$("#dialog span.tochka2").fadeTo(500, 0).delay(500).fadeTo(500, 1)', 500);
setTimeout('$("#dialog span.tochka3").fadeTo(500, 0).delay(500).fadeTo(500, 1)', 1000);
setTimeout(loading, 1500);
}
loading();
[/JS]
еще другой эффект получится если gоменять местами .fadeTo(500, 0) и .fadeTo(500, 1) , а в css добавить #dialog span{opacity: 0;}
или еще можно поэкспериментировать убрав .delay(500)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
feboll
feboll
Topic Starter сообщение 20.4.2012, 17:55; Ответить: feboll
Сообщение #5


ок. огромное спасибо))) буду пробовать))))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
feboll
feboll
Topic Starter сообщение 20.4.2012, 20:09; Ответить: feboll
Сообщение #6


Блил возникла проблема с кросбраузерностью(((( в ие 8 точки не палят((((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 20.4.2012, 22:38; Ответить: cyber_ua
Сообщение #7


если вам тупо для точек могу написать один вариантик на js кросбраузерный вроде=)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 20.4.2012, 23:24; Ответить: Azazaza_hb
Сообщение #8


fadeTo использует css свойство opacity, наверно поэтому не работает в ие8, хотя в ие7 работает:wacko:
можете пользоваться fadeIn и fadeOut, но эти эффекты не делают элемент прозрачным, а скрывают элементы полностью, и когда первый span скрывается, то второй становится на его место, а третий на место второго. из-за этого выглядит так, как будто точки мигают рандомно.. вобщем можно зафиксировать теги span с помоoью position absolute относительно их родителя с id #dialog(родителю тоже задать position, например relative)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 20.4.2012, 23:32; Ответить: cyber_ua
Сообщение #9


opacity вроде идет в css3 значит поддерживается только в современных браузерах.
или я не прав?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 20.4.2012, 23:50; Ответить: Azazaza_hb
Сообщение #10


да, но jquery сам разбирается с кросбраузерностью, например в данном случае для хрома он пишет style="opacity: 0;", a для ие7 style = "filter: alpha(opacity=0); zoom: 1;" но с ие8 промашка
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Буквы, запятые, точки превращаю в чудо строчки.
Напишу текст увлекательный, для клиентов привлекательный.
15 Vinessa 8226 20.5.2016, 23:46
автор: parazit
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПродается обучающий курс «Тексты с точки зрения поисковых систем».
11 Flopp 6355 25.9.2015, 15:05
автор: Silverspam


 



RSS Текстовая версия Сейчас: 19.4.2024, 3:55
Дизайн