Показать сообщение отдельно
  #4 (permalink)  
Старый 01.12.2015, 13:45
Новичок на форуме
Отправить личное сообщение для The`MAGI Посмотреть профиль Найти все сообщения от The`MAGI
 
Регистрация: 01.12.2015
Сообщений: 2

Нашел ответ на другом сайте. Просто взял код полностью оттуда - заработало.
<div class="yvedw">
<div class="yved yvedf1">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Кирилл Лаврентьев, г.Киев, сделал заказ на сумму 1990 руб., число 1 шт</div></div>
</div>
<div class="yved yvedf2">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico2.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Кира Зубарева, г. Киев, оставила заявку на обратный звонок</div></div>
</div>
<div class="yved yvedf1">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Прохор Матвеев, г.Липецк, сделал заказ на сумму 1990 руб., число 1 шт</div></div>
</div>
<div class="yved yvedf1">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Вениамин Артёмов, г.Екатеринбург, сделал заказ на сумму 1990 руб., число 1 шт</div></div>
</div>
<div class="yved yvedf1">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Эмиль Измайлов, г.Климовск, сделал заказ на сумму 3980 руб., число 2 шт</div></div>
</div>
<div class="yved yvedf1">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Ефрем Беляков, г.Салехард, сделал заказ на сумму 1990 руб., число 1 шт</div></div>
</div>
<div class="yved yvedf1">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Люция Горбунова, г.Уссурийск, сделал заказ на сумму 1990 руб., число 1 шт</div></div>
</div>
<div class="yved yvedf2">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico2.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Дмитрий Маслов, г.Киров, оставил заявку на обратный звонок</div></div>
</div>
<div class="yved yvedf1">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Алексей Комаров, г.Москва, сделал заказ на сумму 1990 руб., число 1 шт</div></div>
</div>
<div class="yved yvedf1">
<img src="http://lvcdn.ru/russiawallet/russia-wallet.best-price.market/files/yved/yico.png" alt="" class="yvedi">
<div class="yvedvt"><div class="yvedt">Виктор Бодро?в, г.Санкт-Петербург, сделал заказ на сумму 1990 руб., число 1 шт</div></div>
</div>
</div>


<script>

$(document).ready(function(){

var i = 0;
function yved(){
i=1;
$('.yved:nth-child('+i+')').fadeIn(500).delay(7000).fadeOut(500);//В этой строчке в мс 500 - время анимации появления, 5000 - время задержки, 500 - время затухания уведомления соответсвенно
}
setTimeout(function(){
setInterval(
function(){
i=i+1;
if(i>10) i=1;//10 - количество уведомлений
$('.yved:nth-child('+i+')').fadeIn(500).delay(7000).fadeOut(500);//В этой строчке в мс 500 - время анимации появления, 5000 - время задержки, 500 - время затухания уведомления соответсвенно
},15000);//25000 - задержка в мс меду показами уведомлений
yved();
},5000);//10000 - задержка в мс перед показом первого уведомления
});
</script>


Код:
.yved {display : none; }
Ответить с цитированием