Подскажите с циклом пожалуйста.
Здравствуйте. Подскажите пожалуйста, как правильно сделать, что бы код выполнялся постоянно. То есть 1div через 5 секунд 2div через 5 секунд снова 1div и т.д. Код работает, но нужно добавить цикл. Спасибо за помощь.
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(function(){ $('#div1').delay(5000).queue(function(){ $(this).remove(); $('#div2').fadeIn(400); }); }); </script> |
Даже не пришлось идти далеко... http://javascript.ru/setInterval
|
Мигалка fadeIn fadeOut
Gatti,
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src='http://code.jquery.com/jquery-latest.js'></script> <style type='text/css'> div{ width: 300px; height: 100px; background-color: #FFFF00; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } #div2{ background-color: #3399FF; } </style> <script type='text/javascript'> $(function() { function b() { a = a.reverse(); $(a[0]).fadeOut(400).delay(5000).fadeIn(400, b) } var a = ["#div1", "#div2"]; b() }); </script> </head> <body> <div id="div1"></div> <div id="div2"></div> </body> </html> |
У меня такой css:
<style type='text/css'> </style> Все работает, но перед заменой дива, которое меняем отпускается вниз на секунду и изчезает, как быть? Спасибо! |
Цитата:
|
Gatti,
так пропишите position и top left чтоб ничего не прыгало |
Вот стиль:
<style type='text/css'> #div1, #div2 { width: 200px; height: 352px; position: static; top: 0; left: 0; right: 0; bottom: 0; } </style> Скачок вниз при замене, если ставить position fixed то это все из нужного блока выпрыгивает на середину. Что я не так делаю? Спасибо! |
Gatti,
кроме fixed и static есть другие параметры хоть немного почитайте про css |
Часовой пояс GMT +3, время: 01:39. |