Помощник
|
Мигающие точки |
feboll
|
Сообщение
#1
|
||
|
|
||
|
|||
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
|
Сообщение
#3
|
|
Круто. Расцеловал бы. огромное спасибо!!!!!!! а вот еще вопрос, чтобы задержка перед запуском была меньше, что нужно сделать? а то при появлении окошка с этими точками оно не сразу моргает а спустя какое-то время)))
Еще раз огромное спасибо) |
|
|
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
|
Сообщение
#5
|
|
ок. огромное спасибо))) буду пробовать))))
|
|
|
feboll
|
Сообщение
#6
|
|
Блил возникла проблема с кросбраузерностью(((( в ие 8 точки не палят((((
|
|
|
cyber_ua |
20.4.2012, 22:38;
Ответить: cyber_ua
Сообщение
#7
|
|
если вам тупо для точек могу написать один вариантик на js кросбраузерный вроде=)
|
|
|
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 |
20.4.2012, 23:32;
Ответить: cyber_ua
Сообщение
#9
|
|
opacity вроде идет в css3 значит поддерживается только в современных браузерах.
или я не прав? |
|
|
Azazaza_hb |
20.4.2012, 23:50;
Ответить: Azazaza_hb
Сообщение
#10
|
|
да, но jquery сам разбирается с кросбраузерностью, например в данном случае для хрома он пишет style="opacity: 0;", a для ие7 style = "filter: alpha(opacity=0); zoom: 1;" но с ие8 промашка
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Буквы, запятые, точки превращаю в чудо строчки. Напишу текст увлекательный, для клиентов привлекательный. |
15 | Vinessa | 8234 | 20.5.2016, 23:46 автор: parazit |
|
Продается обучающий курс «Тексты с точки зрения поисковых систем». | 11 | Flopp | 6358 | 25.9.2015, 15:05 автор: Silverspam |
Текстовая версия | Сейчас: 26.4.2024, 2:13 |